繁体   English   中英

.css转换不适用于jquery

[英].css transform not applying with jquery

我正在尝试在javascript中玩鼠标事件并遇到问题。

我以以下示例为例: http : //jsfiddle.net/vL5g3/1/以了解其工作原理,后来尝试将其应用于转换案例。

虽然我知道结果很可能会失败,但我至少期望会发生某些事情,但是什么也没有发生。 不能将jss应用于CSS转换吗?

这是代码:

http://jsfiddle.net/pool4/Bbcp2/1/

var x=0, 
    y=0,
    rate=0,
    maxspeed=10;
var cont= $('.container');

$(cont).mousemove(function(e){
    var $this = $(this);
    var w = $this.width();
    rate = -(e.pageX - $(this).offset().left + 1)/w;
});

cont.hover(
    function(){
        var scroller = setInterval( moveCont, 30 );
        $(this).data('scroller', scroller);
    },
    function(){
        var scroller = $(this).data('scroller');
        clearInterval( scroller );
    }
);   

function moveCont(){
    x += maxspeed * rate;
    var newpos = 'translate('+x+'px, '+y+'px)';
    $('.transform').css('-webkit-transform',newpos);
}

在moveCont的末尾添加

   $('.transform').css('-moz-transform',newpos);

对于mozilla希望它能正常工作,并且您的小提琴加载了jquery库。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM