js控制div的top和left

js控制div的top和left,第1张

你先说明白了,这些div都是什么定位(肯定不能是static定位)?宽度高度是否都一样?

换行倒是容易,只需:

var divs = [ ... ]// 100个

var left=0, top = 0

var i

for (i=0i<divs.length++i) {

// 把divs[i]放到(left, top)处

left += divs[i].offsetWidth// 假定没有外边距,这是下一个div的left

if (0 == (i + 1) % 10) {

left = 0// left复位的最左边

top += ?// 换到下一行

}

}

这里的“?”,由你来决定,如果这些div的高度都一样,那么任取其中一个的offsetHeight就可以了,否则你必须搜索并选取这一行offsetHeight最大的那个。

JQ动画:5秒内top匀速增加50px,left匀速增加20px

$(craneUp).animate({top:'+=50px', left:'+=20px'}, 5000)

也可以去了解下css3的动画


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/tougao/11003122.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-12
下一篇 2023-05-12

发表评论

登录后才能评论

评论列表(0条)

保存