欧美性受xxxxxx黑人xyx性爽_国产精品后入内射日本在线观看_91日韩视频在线观看_亚洲一级免费在线观看_成人在线免费高清视频_亚洲色图欧美自拍_国精产品一区一区三区视频_中文字幕第22页_日韩欧美在线免费观看视频_日本xxx免费_91制片厂免费观看_黄色网在线视频

<th id="cbysu"></th>

<tt id="cbysu"></tt>

<tt id="cbysu"></tt>

<object id="cbysu"></object>

唐山網(wǎng)站建設(shè),唐山網(wǎng)站制作,唐山做網(wǎng)站,唐山網(wǎng)頁設(shè)計(jì),唐山網(wǎng)站優(yōu)化,唐山網(wǎng)絡(luò)公司,唐山400電話業(yè)務(wù) 24小時(shí)熱線：15031560143 關(guān)于我們 | 網(wǎng)站模版 | 支付方式 | 網(wǎng)站地圖

首頁 > jquery拖拽效果網(wǎng)站建設(shè)前端

jquery拖拽效果網(wǎng)站建設(shè)前端

時(shí)間：2017/12/6 20:30:52 作者：tsccwl 人氣：標(biāo)簽：jquery拖拽效果網(wǎng)站建設(shè)前端

　　

為什么寫這個呢？

因?yàn)榻裉焱蝗唤拥竭@個需求，有點(diǎn)懵，很久沒有做過這個了。。。

本來打算找自己保存的資料，后來想了想，算了，重新寫一個吧

就有了這個

<script>
$(document).ready(function(){
  dragTc();
  function dragTc(){
var _move=false;
var _x,_y,_left,_top,maxX,maxY;
    $(document).on('mousedown',".drag-head",function(e){  
    e = e || event;
    if(e.target.tagName != "EM"){
    e.preventDefault();
        _move=true;
        var $box = $(this).parent();
        _left = $box.offset().left - $(window).scrollLeft();//元素初始位置
        _top = $box.offset().top - $(window).scrollTop();
        _x=e.pageX;//光標(biāo)初始位置
        _y=e.pageY;
        maxX = $(window).width() - $box.width();
        maxY = $(window).height() - $box.height();
        $box.addClass('mousethis').find('.drag-cont').fadeTo(20, 0.5);//點(diǎn)擊后開始拖動并透明顯示 ,如果不要，可以不寫
    }else{
            $(this).parent().hide();
    }
    });  
    $(document).mousemove(function(e){  
    e = e || event;
        if(_move){  
        e.preventDefault();
            var x=e.pageX-_x+_left;//光標(biāo)位移量
            var y=e.pageY-_y+_top; 
            x = x < 0 ? 0 : (x > maxX ? maxX : x);
            y = y < 0 ? 0 : (y > maxY ? maxY : y);
            $(".mousethis").css({top:y,left:x, right: 'auto', bottom: 'auto','margin': 'auto'});//控件新位置  
        }  
    }).mouseup(function(){  
    if(_move){
    _move=false;  
    $(".mousethis").find('.drag-cont').fadeTo("fast", 1);//松開鼠標(biāo)后停止移動并恢復(fù)成不透明  
    $(".mousethis").removeClass('mousethis');
    } 
    }); 
    
}
});
</script>
<div   id="olc01vk"   class="drag" style="position:fixed;width:400px;height:250px;background:#ccc;">
<h3 class="drag-head" style="margin:0;padding:15px;text-align:center;background:#f1f2f6;cursor:move;">拖拽頭<em class="drag-close" style="float:right;cursor:default;">x</em></h3>
<div   id="vk0maq5"   class="drag-cont" style="padding:15px;">
這里面可拖拽

這里面可拖拽

這里面可拖拽

這里面可拖拽

這里面可拖拽

</div>
</div>

提示：復(fù)制和保存代碼功能在FF下無效。

上一篇：遵化商務(wù)局網(wǎng)站建設(shè)開發(fā)完成
下一篇：唐山網(wǎng)站建設(shè)之a(chǎn)sp教程：提高字符串的連接符&的效率

地址：中國.唐山市路北區(qū)尚座即理工大學(xué)對面中國.河北唐山遵化市唐山做網(wǎng)站
本站網(wǎng)址：m.thcannex.com聯(lián)系電話：0315-6025099 建站熱線：15031560143

唐山網(wǎng)站建設(shè)報(bào)價(jià)咨詢

網(wǎng)站售前售后服務(wù)

冀ICP備12014317號-1 版權(quán)所有:唐山長城網(wǎng)絡(luò) m.thcannex.com

欧美性受xxxxxx黑人xyx性爽_国产精品后入内射日本在线观看_91日韩视频在线观看_亚洲一级免费在线观看_成人在线免费高清视频_亚洲色图欧美自拍_国精产品一区一区三区视频_中文字幕第22页_日韩欧美在线免费观看视频_日本xxx免费_91制片厂免费观看_黄色网在线视频

国产精品久久久网站| 亚洲一区二区三区高清不卡| 国产成人77亚洲精品www| 尹人成人综合网| 国产成人免费精品| 亚洲一区二区三区在线免费| 97精品国产| 日韩高清一区在线| 国产综合激情| 久久婷婷亚洲| 成人在线黄色| 麻豆精品99| 国产亚洲欧美日韩精品一区二区三区 | 97成人在线| 国产亚洲在线| 99在线|亚洲一区二区| 日韩电影免费网站| 国产精品va视频| 国产日韩一区| 日韩高清在线观看一区二区| 亚洲开心激情| 西西人体一区二区| 黄色国产精品| 欧美日韩亚洲在线观看| 久久男人天堂| 亚洲天堂免费电影| 精品日韩视频| 91精品久久久久久久久久不卡| 成人亚洲精品| 色婷婷精品视频| 成人片免费看| 亚洲深夜视频| 亚洲福利久久| 欧美日韩国产在线一区| 日韩午夜黄色| 国产亚洲毛片在线| 三级欧美韩日大片在线看| 伊人久久亚洲影院| 一区在线视频观看| 丝袜美腿成人在线| 美国av一区二区| 亚洲图片久久| 日韩国产在线不卡视频| 欧美日本不卡| 精品国产亚洲一区二区在线观看| 日本久久精品| 免费精品国产的网站免费观看| 99久久夜色精品国产亚洲狼| 国产一区91| 日韩av网站在线观看| 国产精品二区影院| 正在播放日韩精品| 欧美成人亚洲| 亚洲乱码一区| 国产999精品在线观看| 宅男在线一区| 国产私拍福利精品视频二区| 国产在线观看91一区二区三区| 亚洲免费福利| 国产亚洲午夜| 精品久久精品| 不卡视频在线| 国产精品视频一区二区三区综合| 麻豆理论在线观看| 亚洲日本国产| 97精品国产一区二区三区| 精品欧美一区二区三区在线观看| 狠狠爱成人网| 老司机精品视频网| 欧美+亚洲+精品+三区| 日韩三级一区| 97精品国产| 日韩中文字幕| 成人羞羞视频播放网站| 亚洲天堂日韩在线| 亚洲黄色免费看| 日本欧美一区二区在线观看| 亚洲国产一区二区三区在线播放| 91福利精品在线观看| 久久蜜桃av| 国产精品视频3p| 国产婷婷精品| 日韩理论片av| 国产精品黄网站| 好吊日精品视频| 精品视频高潮| 日韩三区四区| 伊人影院久久| 日本在线啊啊| 麻豆精品av| 日本综合精品一区| 亚洲精华国产欧美| 麻豆理论在线观看| 国产精品久久久久久久久久久久久久久 | 精品国内亚洲2022精品成人| 国产精品毛片| 日韩影院二区| 日韩精品福利一区二区三区| 亚洲第一区色| 偷拍精品精品一区二区三区| 日韩欧美高清一区二区三区| 极品日韩av| 国产精品字幕| 国产成人77亚洲精品www| 人人精品久久| 亚洲视频二区| 视频一区二区不卡| 一区久久精品| 久久青草久久| 99久久精品费精品国产| 成人精品国产亚洲| 国产一区二区三区不卡视频网站 | 日韩高清一区二区| 久久国产福利| 亚洲一区免费| 中文精品在线| 日韩一级欧洲| 日韩一级网站| 亚洲深夜福利| 日本大胆欧美人术艺术动态| 国产亚洲高清视频| av成人国产| 一本综合精品| 日韩av一区二区三区四区| 亚洲色图综合| 综合一区av| 日韩高清二区| 国产精品高潮呻吟久久久久| 91精品国产自产观看在线 | 9999国产精品| 波多视频一区| 国产高清一区| 亚洲免费在线| 亚洲va久久久噜噜噜久久| 日韩欧美在线精品| 欧美日韩一区二区三区四区在线观看 | 视频一区二区三区在线| 在线观看一区| 国产精品a级| 香蕉视频亚洲一级| 欧美日韩精品一本二本三本| 久久最新视频| 国产欧美日韩一级| 成年男女免费视频网站不卡| 国产超碰精品| 午夜日韩影院| 国产精品一区二区精品视频观看 | 久久久久久黄| 亚洲乱亚洲高清| 欧美国产亚洲精品| 久久婷婷一区| 日韩精品久久理论片| 日本综合字幕| 日韩高清不卡在线| 日韩欧美视频专区| 免费日韩av片| 色乱码一区二区三区网站| 欧美va天堂在线| 国产精品日本一区二区三区在线| 国产91在线播放精品| 宅男噜噜噜66国产日韩在线观看| 久久精品人人爱| 欧美日韩一区二区综合| 免费观看日韩电影| 国产成人精品一区二区三区免费| 婷婷激情综合| 麻豆国产91在线播放| 人人爽香蕉精品| 亚洲欧洲美洲av| 青青国产精品| 亚洲免费播放| 成人va天堂| 美女视频一区在线观看| 91久久久久| 国产一区2区| 亚洲日产国产精品| 精品欧美久久| 国产成人免费| 国产三级精品三级在线观看国产| 久久精品99久久无色码中文字幕| 国产亚洲久久| 日韩一区精品字幕| 色老板在线视频一区二区| 国产精品久久久久久模特| 久久成人国产| 成人亚洲精品| 亚洲精品欧洲| 一区在线免费观看| 日韩国产在线| 国产精品欧美日韩一区| 丝袜美腿成人在线| 成人精品亚洲| av资源亚洲| 国产精品99在线观看| 国产精品sm| 91麻豆精品激情在线观看最新| 国产亚洲欧洲| 老牛国产精品一区的观看方式| 日韩高清不卡| 久久久成人网|

<object id="zq0em"></object>

<address id="zq0em"></address>

<address id="zq0em"></address>

<legend id="zq0em"></legend>