3个回答
展开全部
我写了一段:
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.9.1.min.js"></script>
<meta charset="utf-8">
<title>JS Bin(代码在jsbin上但是由于知道发链接会认为推广)</title>
</head>
<body>
<div class="holder">
<img src="
</div>
</body>
</html>
js代码:
$(function() {
var x = 0;
var y = 0;
var tt = setInterval(scrollImg, 10);
function scrollImg() {
var top = Math.abs(Math.sin(x)*50 + 100);
var left = y;
$(".holder").find('img').each(function() {
var $this = $(this);
$(this).css({"margin-top" : top + "px", "margin-left" : y + "px"});
y = y + 1;
x = (0.03) * y + 2;
});
if (y > 800)
clearInterval(tt);
}
});
不过我的方向是水平正弦曲线,你修改成一下!就当给你一个思路,你可以设置一下移动的宽度,移动到一定程度在返回,看你的需求了!
追问
不要用jqeury 我没有那个框架。要js实现啊
展开全部
让div的坐标按 正弦曲线的x y值变化就行了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
西先绝对定位,之后可以用jquery动态移动,向左向右向前向后你自己加,在写一个循环就好了。
追问
你说的容易啊。 我不懂jquery 直接写代码怎么写。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询