溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Jquery點擊、塊滾動

發(fā)布時間:2020-07-16 21:01:32 來源:網(wǎng)絡(luò) 閱讀:310 作者:1120173856 欄目:web開發(fā)

 

實現(xiàn)功能:

1、當(dāng)點擊按鈕的時,移動頁面上的某個元素

Jquery代碼:

 

<script type="text/javascript">

$(document).ready(function(){

  $(".btn1").click(function(){

    $("#box").animate({left:"-=100px"});

  });

  $(".btn2").click(function(){

    $("#box").animate({left:"+=100px"});

  });

});

</script>

HTML代碼:

<body>

<div id="box" style="position:absolute; left:1px;top:40px; background:#98bf21;height:100px;width:1000px;margin:6px;">

</div>

<button class="btn1">Animate</button>

<button class="btn2">Reset</button>

</body>

 

 

-----上傳了源文件,有需要的自己下載下來看看吧!

 

附件:http://down.51cto.com/data/2362186
向AI問一下細節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI