<!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>

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

您可能感興趣的文章:

相關(guān)文章

JQuery將字符串轉(zhuǎn)為json對(duì)象的四種方法
本文主要介紹了JQuery將字符串轉(zhuǎn)為json對(duì)象的四種方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2023-04-04
網(wǎng)頁(yè)中返回頂部代碼(多種方法)另附注釋說(shuō)明
下面就說(shuō)下簡(jiǎn)單的返回頂部效果的代碼實(shí)現(xiàn)，附注釋說(shuō)明，最簡(jiǎn)單的靜態(tài)返回頂部，點(diǎn)擊直接跳轉(zhuǎn)頁(yè)面頂部及用js模擬滾動(dòng)效果上滑至頂部
2013-04-04
jquery插件制作圖片走廊 gallery
本文主要內(nèi)容是講解圖片走廊-gallery的實(shí)現(xiàn)代碼，需要的朋友可以參考下
2012-08-08
jquery實(shí)現(xiàn)兩個(gè)圖片漸變切換效果的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)兩個(gè)圖片漸變切換效果的方法,涉及jquery針對(duì)圖片的顯示與隱藏效果的實(shí)現(xiàn)技巧,需要的朋友可以參考下
2015-06-06
接下來(lái)將從前臺(tái)提交查詢條件，從MSSQL返回json數(shù)據(jù)的一個(gè)事例來(lái)講解一下datagrid動(dòng)態(tài)查詢數(shù)據(jù)，感興趣的你可不要錯(cuò)過(guò)了哈，希望本文可以幫助到你
2021-09-09

jquery項(xiàng)目中如何防重復(fù)提交詳解

客戶端的抖動(dòng),快速操作,網(wǎng)絡(luò)通信或者服務(wù)器響應(yīng)慢,都容易造成服務(wù)器重復(fù)處理,這篇文章主要給大家介紹了關(guān)于jquery項(xiàng)目中如何防重復(fù)提交的相關(guān)資料,需要的朋友可以參考下

2021-11-11

jQuery實(shí)現(xiàn)跨域iframe接口方法調(diào)用

頁(yè)面a.html域名為www.a.com嵌入頁(yè)面http://www.b.com/b.html,b.html要調(diào)用a.html中的js函數(shù)，由于兩個(gè)頁(yè)面不在一個(gè)域中，會(huì)提示沒(méi)權(quán)限。如何解決該問(wèn)題呢，請(qǐng)看下面示例代碼。

2015-03-03