欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

Jquery點(diǎn)擊滾動(dòng)動(dòng)畫(有時(shí)間控制)

 實(shí)現(xiàn)功能:

成都創(chuàng)新互聯(lián)主營(yíng)澠池網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,app軟件開發(fā),澠池h5成都微信小程序搭建,澠池網(wǎng)站營(yíng)銷推廣歡迎澠池等地區(qū)企業(yè)咨詢

1、當(dāng)點(diǎn)擊按鈕的時(shí),移動(dòng)頁(yè)面上的某個(gè)元素(有時(shí)間制作)

Jquery代碼:

 

 

 

<script type="text/javascript">

$(document).ready(function(){

  

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

if(flag){

  flag = false;

  flag2 = true;

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

setTimeout($("#box").animate({left:"+=20px"}),30);

setTimeout($("#box").animate({left:"-=20px"}),30);

setTimeout($("#box").animate({left:"+=10px"}),30);

setTimeout($("#box").animate({left:"-=0px"}),30);

}

 });

 

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

 if(flag2){

  flag2 = false;

  flag = true

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

setTimeout($("#box").animate({left:"-=20px"}),30);

setTimeout($("#box").animate({left:"+=20px"}),30);

setTimeout($("#box").animate({left:"-=10px"}),30);

setTimeout($("#box").animate({left:"+=0px"}),30);

}

 });


});

var flag = true;

var flag2 = false;

</script>

 

代碼解釋:

 

HTML代碼:

<body>

 

<div id="box" style="position:absolute; display:none; left:109px; top:42px; background:#999; height:50px; width:200px; margin:6px;">

</div>

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

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

</body>

 

 

 

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

附件:http://down.51cto.com/data/2362187

當(dāng)前標(biāo)題:Jquery點(diǎn)擊滾動(dòng)動(dòng)畫(有時(shí)間控制)
本文路徑:http://www.chinadenli.net/article4/iphiie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供動(dòng)態(tài)網(wǎng)站小程序開發(fā)網(wǎng)站維護(hù)全網(wǎng)營(yíng)銷推廣品牌網(wǎng)站建設(shè)定制網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)