麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > 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>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 草草久久久 | 免费国产视频在线观看 | 中文字幕欧美专区 | 毛片免费在线视频 | 午夜小视频免费观看 | 黄色成人小视频 | 久久最新免费视频 | 露脸各种姿势啪啪的清纯美女 | 羞羞视频在线免费 | 在线成人看片 | 成人在线免费观看网址 | 欧美黄 片免费观看 | 欧美一级高潮 | 国产亚洲精品久久久久5区 日韩一级片一区二区三区 国产精品久久久久av | 激情黄页 | 成熟女人特级毛片www免费 | 国产一级在线免费观看 | 欧美日韩综合视频 | 一区二区国产在线 | avav在线播放| 黄色片网站在线看 | 国产精品区一区二区三区 | 免费国产网站 | 黄色午夜剧场 | 曰批全过程120分钟免费69 | 国产人妖一区二区 | 成人性生活视频在线播放 | 国产精品午夜在线观看 | 欧美熟videos肥婆 | a级毛片免费观看在线播放 日本aaa一级片 | 成人在线视频播放 | 欧美三级短视频 | 婷婷久久久久久 | 国产精品亚洲精品日韩已方 | 毛片视频播放 | aaaaaaa毛片 | 日韩美女电影 | 国产精品久久久乱弄 | 亚洲视频精品在线 | 黄色99视频| 精品一区二区中文字幕 |