亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

JavaScript:Div層拖動效果實例代碼

2019-11-20 22:26:56
字體：大 中 小
來源：轉載
供稿：網友

Div層拖動效果圖:

實現：
CSS：

復制代碼 代碼如下:

<style>
div
{
position:relative;
}
</style>

JS：
復制代碼 代碼如下:

<script type="text/javascript">
var mouseover=true
var xcoor;
var ycoor;
function coordinates()
{

if (event.srcElement.id.indexOf("wishbroad") == 0)
    {
    event.srcElement.style.zIndex = 1000;
    mouseover=true;
    pleft=event.srcElement.style.pixelLeft;
    ptop=event.srcElement.style.pixelTop;
    xcoor=event.clientX;
    ycoor=event.clientY;
    document.onmousemove=moveImage;
    }
}

function moveImage()
{
if (mouseover&&event.button==1)
    {
    event.srcElement.style.pixelLeft=pleft+event.clientX-xcoor;
    event.srcElement.style.pixelTop=ptop+event.clientY-ycoor;
    return false;
    }
}

function mouseup()
{
    event.srcElement.style.zIndex = 1;
    mouseover=false;
}
document.onmousedown=coordinates;
document.onmouseup=mouseup;
</script>

HTML：
復制代碼 代碼如下:

<html>
<head>Div層拖動</head>
<body>
<div id="wishbroad1" style="width:200px; height:100px;border:1px solid black;background:gray;">
中國
</div>
<div id="wishbroad2" style="width:200px; height:100px;border:1px solid red;background:red;">
美國
</div>
<div id="wishbroad3" style="width:200px; height:100px;border:1px solid red;background:green;">
日本
</div>
<div id="wishbroad4" style="width:200px; height:100px;border:1px solid red;background:pink;">
巴西
</div>
</body>
</html>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日韩激情av在线播放| 欧美床上激情在线观看| 亚洲高清久久网| 国产日韩欧美91| 日韩欧美国产高清91| 亚洲国产精品大全| 国产精品流白浆视频| 97色在线观看| 在线日韩第一页| 久久久久久一区二区三区| 欧美午夜激情小视频| 中文精品99久久国产香蕉| 一二美女精品欧洲| 日韩精品免费在线观看| www国产亚洲精品久久网站| 自拍视频国产精品| 亚洲xxx视频| 国产精品电影久久久久电影网| 成人www视频在线观看| 成人免费视频网址| 国产精品成人免费视频| 色哟哟亚洲精品一区二区| 成人乱人伦精品视频在线观看| 亚洲人a成www在线影院| 日韩欧美亚洲国产一区| 亚洲自拍欧美色图| 久久九九热免费视频| 国产成人精品久久二区二区91| 57pao成人永久免费视频| 久久精品国产亚洲7777| 国产精品欧美一区二区三区奶水| 欧美视频免费在线| 久久精品国产亚洲| 国产精品美女免费看| 中文字幕精品一区二区精品| 国产亚洲a∨片在线观看| 91精品国产沙发| 国产精品黄色av| 亚洲深夜福利在线| 日韩二区三区在线| 美女999久久久精品视频| 精品国产视频在线| 91精品国产自产在线观看永久| 91精品一区二区| 欧美日韩精品在线视频| 成人激情电影一区二区| 日韩av免费在线| 97国产精品人人爽人人做| 国产精品视频精品视频| 国产亚洲欧美一区| 国产日韩在线看片| 久热国产精品视频| 国产亚洲视频在线观看| 亚洲第一精品夜夜躁人人躁| 亚洲天堂色网站| 97在线看免费观看视频在线观看| 日韩国产欧美精品在线| 九九热最新视频//这里只有精品| 日韩一中文字幕| 91影视免费在线观看| 国产一区二区三区四区福利| 性欧美xxxx| 亚洲天堂av网| 亚洲美腿欧美激情另类| 永久免费精品影视网站| 国产日韩欧美中文| 日韩欧美在线第一页| 欧美日韩亚洲视频一区| 国产日韩精品入口| 欧美日韩亚洲国产一区| 91大神福利视频在线| 国产99久久精品一区二区 夜夜躁日日躁| 国产视频在线观看一区二区| 亚洲女同精品视频| 91亚洲午夜在线| 亚洲wwwav| 久久精品久久精品亚洲人| 久久久女人电视剧免费播放下载| 欧美成人午夜剧场免费观看| 亚洲成人网在线| 亚洲人成毛片在线播放| 日韩av男人的天堂| 成人在线视频网站| 欧美视频一区二区三区…| 国产精品一区=区| 国产97在线|亚洲| 欧美国产亚洲精品久久久8v| 欧美性xxxx极品高清hd直播| 青青久久av北条麻妃黑人| 91精品视频在线| 亚洲黄页视频免费观看| 成人免费午夜电影| xxxxx成人.com| 国产99在线|中文| 国产精品欧美日韩| 成人黄色片在线| 国产一区红桃视频| 热re99久久精品国产66热| 91国内精品久久| 在线播放精品一区二区三区| 一区二区三区精品99久久| 欧美视频专区一二在线观看| 日韩在线视频网站| 国产va免费精品高清在线| 久久久精品一区二区三区| 精品国产福利视频| 国产精品久久久久久久久久ktv| 北条麻妃久久精品| 久久夜色精品国产亚洲aⅴ| 亚洲自拍偷拍网址| 亚洲男人天堂九九视频| 国产亚洲精品美女| 国产精品美女网站| 黄色成人在线免费| 久久久久亚洲精品成人网小说| 国产伦精品一区二区三区精品视频| 91精品综合久久久久久五月天| 国产有码一区二区| 欧美日韩视频免费播放| 成人高清视频观看www| 欧美激情成人在线视频| 亚洲国产精彩中文乱码av在线播放| 久久久www成人免费精品张筱雨| 成人中心免费视频| 欧美日韩黄色大片| 欧美一区三区三区高中清蜜桃| 在线观看91久久久久久| 成人免费看黄网站| 亚洲精品欧美日韩专区| 91夜夜未满十八勿入爽爽影院| 国产精品久久久91| 免费不卡在线观看av| 国产精品久久久久久网站| 日本成人在线视频网址| 国产精品电影网站| 久久精品国产一区二区三区| 国产亚洲精品久久久久久牛牛| 日韩精品视频在线免费观看| 亚洲乱码一区二区| 国外成人免费在线播放| 中文日韩电影网站| 日本精品一区二区三区在线| 在线视频精品一| 日韩男女性生活视频| 精品一区二区三区四区在线| 亚洲免费影视第一页| 亚洲乱码国产乱码精品精天堂| 狠狠操狠狠色综合网| 在线观看视频亚洲| 亚洲va久久久噜噜噜久久天堂| 中文字幕日韩高清| 91美女高潮出水| 国产视频观看一区| 日韩中文字幕视频| 亚洲天堂免费观看| 欧美日韩午夜剧场| 亚洲成人在线网| 最新69国产成人精品视频免费| 国内精品视频在线| 久久69精品久久久久久久电影好| 欧美在线不卡区| 国产精品自产拍高潮在线观看| 国产精品91久久久| 精品国产美女在线|