腾讯分分彩独胆二期
智軟工作室主要是為寧波公司提供寧波網站建設,寧波網站制作,寧波做網站公司,寧波外貿網站建設公司,寧波網站優化等項目,以優質的服務,優惠的價格,深的客戶信賴。相信有你的加入我們的明天會更有動力!期待與你合作!
  • 寧波智軟設計工作室,打造寧波網站制作工作室頂級品牌
  • 智軟擁有專業的設計團隊
  • 多年網站建設團隊為你服務
  • 智軟期待與你合作
  • 我們的技能
  • 我們掌握的技能有:dreamweaver,flash,photoshop
  • 寧波高端網站建設服務公司
    2014已經悄然到來,在新的一年我們恭賀所有客戶事業蒸蒸日上,同事慶祝智軟設計工作室成立5周年,在5周年為眾多客戶提供了保質量的網站設計與網站制作。 我們在新的一年質量與服務將會更加進一步為更多的客戶帶來高端的網站設計與服務!期待與你合作
  • 企業網站制作建設原因與服務介紹

    智軟設計工作室多年為寧波企業網站制作建設服務一直以來我們以最優惠價格,最優質的質量,最突出的設計!得到了客戶的一致認可,我們的服務包括:寧波網站設計,寧波網站建設,寧波網站制作,寧波網站優化,寧波英文網站制作我們會以優質的服務,最低的價格來報答客戶!

  • 點擊鏈接網站優化推廣介紹

    點擊連接網站優化推廣-對企業的網站優化和網站推廣--對企業的重要性-點擊進行詳細了解

  • 2014開幕,寧波網站設計服務全面優惠.

    2014開幕,寧波智軟設計為寧波企業提供更加優秀的設計和實惠的價格

  • 鏈接到網站案例展示平臺
    智軟設計工作為寧波客戶網站設計案例展示平臺-案例均為定期更新,讓新老客戶更好的看到我們做的案例,點擊查看我們做的網站案例吧!
  • 我們寧波網絡公司提供網站一站式解決方案
    智軟(寧波網絡公司)幫你輕松解決網絡問題,網站一站式解決方案
你當前的位置:智軟工作室 > 營銷與網絡 >

jQuery動畫.animate()方法簡單實例

2015-11-15 11:05

 jquery動畫現在比較流行,比如點擊一個頁面后。每個div內容單獨動畫形式移動下來。或者出現,下面是我寫的簡單的代碼

<script type="text/javascript" src="jquery.min.js"></script>

<script type="text/javascript">

$(function(){

 

var dice = $("#dice");

var shang10=$("#shang10");

var shang11=$("#shang11");

var shang12=$("#shang12");

var shang13=$("#shang13");

 

shang10.animate({top: "100px",left: "400px"})//下移動,可以添加移動時間參數,100

.delay(800).animate({top: "200px",left: "200px"})//到時間重新移動動畫

shang11.animate({top: "200px",left: "500px"})

.delay(800).animate({top: "300px",left: "500px"})//到時間重新移動動畫

shang12.animate({top: "500px",left: "600px"})

.delay(800).animate({top: "300px",left: "500px"})//到時間重新移動動畫

shang13.animate({top: "600px",left: "200px"})

.delay(800).animate({top: "300px",left: "600px"})//到時間重新移動動畫

 

});

</script>

 

<div id="shang10" style="position: absolute; height: 55px; width:50px;top:-70px;left:300px;background-color:#ee0000;"><h1><a href="">s</a></h1></div>

<div id="shang11"  style="position: absolute; height: 55px; width:50px;top:-70px;left:400px; background-color:#FFf000;">寧波網站制作</div>

<div id="shang12" style="position: absolute; height:55px; width:50px;top:-70px;left:500px; background-color:#000000;">sfhdskjf</div>

<div id="shang13" style="position: absolute; height: 55px; width:50px;top:-70px;left:600px;background-color:#F00000;">sfhdskjf</div>

更多

【責任編輯:小戴工程師】

關鍵字: jQuery

上一篇:PHP怎么防止重復刷新提交?代碼分享 下一篇:javascript發送短信驗證碼代碼

最新文章

2015-11-15 11:05

相關文章

2015-11-15 11:05
網站制作咨詢:
QQ:277728291
電話:18668277799
郵箱:[email protected]
期待你來電咨詢
回頂部
Copyright 2010 智軟工作室 版權所有    智軟為寧波公司提供最優惠的網絡服務【寧波網站建設,寧波網站制作公司,寧波做網站公司,寧波外貿網站建設公司】我們竭誠為你服務!
腾讯分分彩独胆二期