狠狠色狠狠色综合日日32,毛片亚洲毛片亚洲毛片,日本精品1在线区

<li id="8qqys"><table id="8qqys"></table></li>

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

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

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

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

　　

為什么寫這個呢？

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

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

就有了這個

<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);//點擊后開始拖動并透明顯示 ,如果不要，可以不寫
    }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="me2yuke"   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="ys00qi0"   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.0769djj.com聯(lián)系電話：0315-6025099 建站熱線：15031560143

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

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

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

亚洲黄色在线电影| 在线观看亚洲精品专区| 亚洲小说区图片区都市| 亚洲精品乱码久久久久蜜桃| 亚洲中文字幕一二三四区苍井空| 亚洲日本在线观看网址| 亚洲人成电影亚洲人成9999网| 亚洲第一精品福利| 亚洲视频.com| 亚洲大香伊人蕉在人依线| 亚洲国产成人精品无码区在线网站| 亚洲欧洲校园自拍都市| 亚洲国产av高清无码| 亚洲六月丁香六月婷婷色伊人| 亚洲六月丁香六月婷婷色伊人| 国产婷婷综合丁香亚洲欧洲| 亚洲乱码一区二区三区国产精品| 国产亚洲中文日本不卡二区| 亚洲人成无码网站在线观看| 激情无码亚洲一区二区三区| 亚洲AV无码乱码精品国产| 亚洲乱码中文字幕手机在线| 在线亚洲精品自拍| 亚洲不卡av不卡一区二区| 亚洲日本在线观看| 亚洲av日韩av综合| 亚洲乱码国产乱码精华| 国产亚洲精品2021自在线| 亚洲人成影院在线观看| 亚洲精品无码永久在线观看你懂的| 亚洲AV中文无码乱人伦下载 | 亚洲国产精品成人AV在线| 亚洲妇女无套内射精| 亚洲精品视频在线看| 亚洲一区二区三区自拍公司| 亚洲国产成人精品不卡青青草原| 亚洲第一二三四区| 亚洲国产精品嫩草影院| JLZZJLZZ亚洲乱熟无码| 久久国产亚洲观看| 亚洲一区中文字幕在线观看|

<fieldset id="o222o"></fieldset>

<ul id="o222o"><sup id="o222o"></sup></ul>

<ul id="o222o"></ul>

<ul id="o222o"><sup id="o222o"></sup></ul>

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