首先你的找到分析你自己的需求，什么情况下需要将那个div移动到那个div的后面，你这里所有的div都是结构和类名都相同，所以更要找到规律。
找到规律之后直接使用after方法就可以了，例如：
<script type="text/javascript">$(document)ready(function(){
$("button")click(function(){
$("#p2")after($("#p1"));
});
});
</script>
</head>
<body>
<p id="p1">This is a paragraph</p>
<p id="p2">This is second paragraph</p>
<button>把第一个p元素移动到第二个p元素后面</button>
</body>给div的omousedown指定匿名函数获取当前的鼠标坐标
然后在onmouseover中获取实时的鼠标坐标 根据div的属性动态的设置width height top left 等属性
onmouseup 释放即可原位置向下移动固定像素
style="margin-top:50px;" 或者 style="padding-top:50px;"
换位置移动，你就需要把加载视频的div整体移动到你需要的位置。可以，用创建和插入元素
<!DOCTYPE html>
<html>
<head>
<title> New Document </title>
<meta charset="utf-8" />
<style>
div {border: 1px solid #666;padding: 5px; margin: 5px;}
#divs {width: 200px;}
#div5 {background: #ccc;}
</style>
</head>
<body>
<div id="divs">
<div id="div1">div1</div>
<div id="div2">div2</div>
<div id="div3">div3</div>
<div id="div4">div4</div>
</div>
<script>
var oDivs=documentgetElementById('divs');
var oDiv3=documentgetElementById('div3'); //获取到div3，因为等下要把创建的div插入到div3前面。
var oDiv5=documentcreateElement('div'); //创建一个div元素。
oDiv5id='div5'; //id样式可以先在样式表中写好，然后赋值一个id给创建出来的div元素。
oDiv5innerHTML='<span>这是被创建出来的div5</span>'; //给创建出来的div添加内容，内容中可以有html标签嵌套。
oDivsinsertBefore(oDiv5,oDiv3); //在大的div元素下插入创建出来的元素，第一个参数是创建的div，第二个参数是要插入到哪个div前面。
</script>
</body>
</html>看你怎么布局了，如果DIV或其他的一些区块较多，建议使用position定位比较好！如果少，可以使用float浮动和配合clear来布局也不错！margin外边距也是要使用的！你把CSS学会了就懂的了！可能你还没有学CSS是吧？
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）