首頁 >web前端 >js教程 >jQuery讓控制項左右移動的三種實作方法_jquery

jQuery讓控制項左右移動的三種實作方法_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB原創
2016-05-16 17:23:181209瀏覽

方法一
【註】需把控制項的 CSS 的 position 屬性設為 relative 或 absolute。

複製程式碼 程式碼如下:




方法二
複製程式碼 程式碼如下:


程式碼如下:



程式碼如下:
$("#left2").click(function(){
$(".block2").css("margin-left","-=50px");
} );

複製代碼


程式碼如下:



$("#left3").click(function(){
$(".block3").animate({width:"-= 50px"}, 222);
});
全部程式碼




複製代碼


代碼如下:






無標題文件








jQuery讓控制項左右移動的三種實作方法_jquery



jQuery讓控制項左右移動的三種實作方法_jquery

jQuery讓控制項左右移動的三種實作方法_jquery
jQuery讓控制項左右移動的三種實作方法_jquery
效果圖
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn