当前位置 : 主页 > 网页制作 > JQuery >

jquery – 滚动时的CSS3转换

来源:互联网 收集:自由互联 发布时间:2021-06-15
有谁知道一个很好的教程来实现这一目标? (如下所示: http://www.contrastrebellion.com/) 我已经查看了该网站上使用的代码,发现它很难找出我需要的东西. 非常感激, 谢谢 编辑:也见于此:
有谁知道一个很好的教程来实现这一目标? (如下所示: http://www.contrastrebellion.com/)
我已经查看了该网站上使用的代码,发现它很难找出我需要的东西.

非常感激,
谢谢

编辑:也见于此:http://playgroundinc.com/

我想要实现的目标:

在向下滚动时旋转png,旋转速度与滚动速度相匹配.

这应该让你朝着正确的方向前进: http://www.ianlunn.co.uk/blog/code-tutorials/recreate-nikebetterworld-parallax/.

干得好 :

用于在滚动上设置旋转动画.

http://jsfiddle.net/EnSkJ/2/

代码:

var sdegree = 0;

$(window).scroll(function() {

    sdegree ++ ;
    sdegree = sdegree + 3 ;
    var srotate = "rotate(" + sdegree + "deg)";
    $("img").css({"-moz-transform" : srotate, "-webkit-transform" : srotate});
});
网友评论