jQuery動畫

jQuery 庫位於一個 JavaScript 文件中,其中包含了所有的 jQuery 函數。

在使用時導入<...>下載好的jQuery.js文件

jQuery 事件處理方法是 jQuery 中的核心函數。

下面是jquery的動畫操作

<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {    <!--您也許已經注意到在我們的實例中的所有 jQuery 函數位於一個 

document ready 函數中:          

                                                這是爲了防止文檔在完全加載(就緒)之前運行 jQuery 代碼-->
    $("button").click(function(){
$("div").animate({
height:'toggle'
});
});
});
</script>
<body>
<button>開始動畫</button>


<p>默認情況下,所有的htmlu元素的位置都是靜態的,並且無法移動,如需對元素進行操作,
記得首先把元素的css position屬性設置爲relative,
fixed,absolute</p>


<div style="background:#3FF; height:100px;


width:100px; position:absolute;"></div>

發佈了82 篇原創文章 · 獲贊 4 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章