[英].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.