欧美日韩在线亚洲国产精品,欧美成人精品第一区,亚洲精品青青草原avav久久qv

<tfoot id="ougy2"><input id="ougy2"></input></tfoot>

<ul id="ougy2"><center id="ougy2"></center></ul>

<del id="ougy2"></del>

<strike id="ougy2"></strike>

<strike id="ougy2"><input id="ougy2"></input></strike>

<strike id="ougy2"></strike>

<strike id="ougy2"><rt id="ougy2"></rt></strike>

首頁 > jquery拖拽效果網站建設前端

jquery拖拽效果網站建設前端

時間：2017/12/6 20:30:52 作者：tsccwl 人氣：標簽：jquery拖拽效果網站建設前端

　　

為什么寫這個呢？

因為今天突然接到這個需求，有點懵，很久沒有做過這個了。。。

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

就有了這個

<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;//光標初始位置
        _y=e.pageY;
        maxX = $(window).width() - $box.width();
        maxY = $(window).height() - $box.height();
        $box.addClass('mousethis').find('.drag-cont').fadeTo(20, 0.5);//點擊后開始拖動并透明顯示 ,如果不要，可以不寫
    }else{
            $(this).parent().hide();
    }
    });  
    $(document).mousemove(function(e){  
    e = e || event;
        if(_move){  
        e.preventDefault();
            var x=e.pageX-_x+_left;//光標位移量
            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);//松開鼠標后停止移動并恢復成不透明  
    $(".mousethis").removeClass('mousethis');
    } 
    }); 
    
}
});
</script>
<div   id="w20uqu0"   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="2a000im"   class="drag-cont" style="padding:15px;">
這里面可拖拽

這里面可拖拽

這里面可拖拽

這里面可拖拽

這里面可拖拽

</div>
</div>

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

上一篇：遵化商務局網站建設開發完成
下一篇：唐山網站建設之asp教程：提高字符串的連接符&的效率

地址：中國.唐山市路北區尚座即理工大學對面中國.河北唐山遵化市唐山做網站
本站網址：www.0769djj.com聯系電話：0315-6025099 建站熱線：15031560143

唐山網站建設報價咨詢

網站售前售后服務

冀ICP備12014317號-1 版權所有:唐山長城網絡 www.0769djj.com

亚洲日韩乱码中文字幕| 亚洲国产精品自在自线观看| 色九月亚洲综合网| 亚洲精品无码aⅴ中文字幕蜜桃| 亚洲妇女水蜜桃av网网站| 亚洲黄色网址大全| 亚洲理论在线观看| 亚洲人成高清在线播放| 亚洲人成在线播放| 国产.亚洲.欧洲在线| 亚洲人成网站看在线播放| 2017亚洲男人天堂一| 亚洲国产精品一区二区三区在线观看 | 久久久久久久亚洲Av无码| 亚洲国产精品一区二区久久| 亚洲AV日韩精品久久久久久久| 久久精品国产亚洲AV麻豆不卡| 亚洲AV本道一区二区三区四区| 亚洲精品自产拍在线观看动漫| 久久精品亚洲中文字幕无码麻豆| 亚洲一区二区电影| 亚洲国产综合在线| 亚洲人成人网毛片在线播放| 亚洲中文字幕一二三四区| 亚洲无码在线播放| 亚洲av成人一区二区三区在线观看| 久久久久亚洲av无码专区喷水| 久久亚洲AV成人无码电影| 亚洲妇女水蜜桃av网网站| 亚洲毛片基地4455ww| 亚洲欧美日韩国产成人| 国产亚洲精品第一综合| 久久精品国产亚洲AV不卡| 亚洲AV永久无码精品| 久久久久亚洲Av无码专| 精品久久久久久亚洲精品| 亚洲av无码专区在线电影| 亚洲熟伦熟女新五十路熟妇 | 亚洲av永久无码嘿嘿嘿| 亚洲日韩国产二区无码| 亚洲国产精品综合久久一线|

<ul id="0s0ck"><sup id="0s0ck"></sup></ul>

<fieldset id="0s0ck"></fieldset>

<fieldset id="0s0ck"><input id="0s0ck"></input></fieldset>

<strike id="0s0ck"><menu id="0s0ck"></menu></strike>