javascript 怎么让一个div或span 沿着正弦曲线运动。

这个可以用来做下雪。
2025-03-12 02:27:03
推荐回答(3个)
回答1:

我写了一段:






  
  JS Bin(代码在jsbin上但是由于知道发链接会认为推广)


  
    
  

  

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);
        }

});

不过我的方向是水平正弦曲线,你修改成一下!就当给你一个思路,你可以设置一下移动的宽度,移动到一定程度在返回,看你的需求了!

回答2:

让div的坐标按 正弦曲线的x y值变化就行了

回答3:

西先绝对定位,之后可以用jquery动态移动,向左向右向前向后你自己加,在写一个循环就好了。

相关问答