<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("button").click(function(){
  $("div").animate({left:'250px'});
 });
});
</script>
</head>
<body>
<button>Start Animation</button>
<p>By default, all HTML elements have a static position,
and cannot be moved. To manipulate the position, 
remember to first set the CSS position property 
of the element to relative, fixed, or absolute!</p>
<div style="background:#98bf21;
height:100px;width:100px;position:absolute;">
</div>
</body>
</html>

希望本文所述對大家的jQuery程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

JQuery將字符串轉(zhuǎn)為json對象的四種方法
本文主要介紹了JQuery將字符串轉(zhuǎn)為json對象的四種方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-04-04
網(wǎng)頁中返回頂部代碼(多種方法)另附注釋說明
下面就說下簡單的返回頂部效果的代碼實現(xiàn)，附注釋說明，最簡單的靜態(tài)返回頂部，點擊直接跳轉(zhuǎn)頁面頂部及用js模擬滾動效果上滑至頂部
2013-04-04
jquery插件制作圖片走廊 gallery
本文主要內(nèi)容是講解圖片走廊-gallery的實現(xiàn)代碼，需要的朋友可以參考下
2012-08-08
jquery實現(xiàn)兩個圖片漸變切換效果的方法
這篇文章主要介紹了jquery實現(xiàn)兩個圖片漸變切換效果的方法,涉及jquery針對圖片的顯示與隱藏效果的實現(xiàn)技巧,需要的朋友可以參考下
2015-06-06
Jquery之datagrid查詢詳解
接下來將從前臺提交查詢條件，從MSSQL返回json數(shù)據(jù)的一個事例來講解一下datagrid動態(tài)查詢數(shù)據(jù)，感興趣的你可不要錯過了哈，希望本文可以幫助到你
2021-09-09
jquery項目中如何防重復(fù)提交詳解
客戶端的抖動,快速操作,網(wǎng)絡(luò)通信或者服務(wù)器響應(yīng)慢,都容易造成服務(wù)器重復(fù)處理,這篇文章主要給大家介紹了關(guān)于jquery項目中如何防重復(fù)提交的相關(guān)資料,需要的朋友可以參考下
2021-11-11
jQuery實現(xiàn)跨域iframe接口方法調(diào)用
頁面a.html域名為www.a.com嵌入頁面http://www.b.com/b.html,b.html要調(diào)用a.html中的js函數(shù)，由于兩個頁面不在一個域中，會提示沒權(quán)限。如何解決該問題呢，請看下面示例代碼。
2015-03-03
Jquery ajaxStart()與ajaxStop()方法(實例講解)
本篇文章主要是對Jquery中的ajaxStart()與ajaxStop()方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
跨幀結(jié)構(gòu)無限級菜單
原來ie對默認(rèn)對彈出窗口有會限制他的大小和位置所以這就是為什么本地和博客園上看到會不一樣的原因了
2010-09-09
jQuery對底部導(dǎo)航進(jìn)行跳轉(zhuǎn)并高亮顯示的實例代碼
這篇文章主要介紹了jQuery對底部導(dǎo)航進(jìn)行跳轉(zhuǎn)并高亮顯示的實例代碼，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下
2019-04-04