如何使用jquery在html中將div從一個位置更改爲另一個位置

我正在創建一個html頁面。因爲我需要的是，文本在一個位置上進行動畫處理，並且必須在其他位置進行修復。這裏是我的代碼如何使用jquery在html中將div從一個位置更改爲另一個位置

HTML：

<body> 
<div id="text">Sample Text</div> 
<script type="text/javascript"> 
    $(document).ready(function() { 

     var textFxSettings = { 
      animation: 3, 
      color: "#111", 
      animationType: "in", 
      speed: 1000 
     }; 

     jQuery.cjTextFx(textFxSettings); // INIT FUNCTION 
     jQuery.cjTextFx.animate("#text", { 
      onComplete: myFunction 
     }); 

    }); 
</body>

CSS：

#text{ 
position:absolute; 
top:230px; 
left:530px; 
font-size:24px; 
} 

.text_pos{ 

animation:spin 3s; 
-moz-animation:spin 3s; /* Firefox */ 
-webkit-animation:spin 3s; /* Safari and Chrome */ 
-o-animation:spin 3s; /* Opera */ 
} 

@-webkit-keyframes spin{ 
    0% { -webkit-transform: translate(0px, 0px); } 
    100% { -webkit-transform: translate(0px, -150px); } 
}

這種轉換是要在正確的位置，但之後1個週期就回到原來的位置（上圖：230）。我希望文本位於頂部：80。我嘗試通過更改text_pos類的位置，但它不工作。任何人都可以幫助我。提前致謝。

來源

2013-04-16 Priya Sunanthan

可以用來改變位置的div像

$("#text").css({"top":"10px","left":"20px"});

來源

2013-04-16 11:57:54

這不是OP要求的。將沒有動畫，並且OP使用插件。 – BenM

把腳本無論是否有在$（文件）中ajax.stop功能。就緒（函數（）），如

$(document).ajaxStop(function() { 
    var textFxSettings = { 
     animation: 3, 
     color: "#111", 
     animationType: "in", 
     speed: 1000 
    }; 

    jQuery.cjTextFx(textFxSettings); // INIT FUNCTION 
    jQuery.cjTextFx.animate("#text", { 
     onComplete: myFunction 
    }); 
}

來源

2013-04-16 11:58:41

如何使用jquery在html中將div從一個位置更改爲另一個位置

回答

相關問題