爲什麼無法使用jquery更改css X，Y參數？

我正在用這個例子jsfiddele。這裏我試圖將兩個圖像在X方向上移動一個，在Y方向上移動另一個圖像。假設如果我想改變一個像X軸的圖像的起始位置，我試圖改變CSS左邊，併爲Y位置，我試圖改變CSS頂部。爲什麼無法使用jquery更改css X，Y參數？

這裏我的疑惑都喜歡

如果我想改變方向爲X軸/ Y軸位置，爲什麼這些不工作？

而這裏我想改變圖像的結束位置。但我沒有得到如何改變這一點。
這樣

@-webkit-keyframes toptobottom-move { 
    100% { 
     top: 73%; 
     transform: scale(2); 
    }

我怎樣才能改變這種使用jQuery？

來源

2014-05-09 mssjdb

你錯過了jQ在小提琴設置中使用uery，查看側欄上的Frameworks和Extensions，並設置jQuery –

@ArtemFitiskin。謝謝。在這裏添加。 http://jsfiddle.net/mssjdb/yebjc/1/ – mssjdb

如果您的實際問題是關於如何使用JavaScript（？）處理關鍵幀，那麼這可能會有所幫助：http://css-tricks.com/controlling-css-動畫躍遷的JavaScript / – CBroe

好吧首先，創造你的輸入

HTML一個新的div：

<div class="test"> 
    X:<input type="text" id="lefttoright" value="10"/> 
    Y:<input type="text" id="toptobottom" value="10"/><br> 
    End X:<input type="text" id="endlefttoright" value="10"/> 
    End Y:<input type="text" id="endtoptobottom" value="10"/> 
</div>

JQUERY：

$(document).ready(function() { 
    $(".test input").change(function(){ 
     var val=this.value+"%"; 
     alert(val); 
     $('.lefttoright').css("top", val); 
     $('.toptobottom').css("left", val); 
    }); 
});

它的工作對我說：d希望幫助你

來源

2014-05-09 07:55:05

爲什麼無法使用jquery更改css X，Y參數？

回答

相關問題