css3+jq 編寫的含苞待放的荷花

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script> <script type="text/javascript">$(function(){ setTimeout(function(){ $("#leaf strong:eq(6)").css({left:'-38px',top:'27px',transform:'rotate(85deg)'}) $("#leaf strong:eq(5)").css({left:'38px',top:'27px',transform:'rotate(185deg)'}) $("#leaf strong:eq(4)").css({left:'-18px',top:'12px',transform:'rotate(110deg)'}) $("#leaf strong:eq(3)").css({left:'18px',top:'12px',transform:'rotate(170deg)'}) },1000) setTimeout(function(){ $("#leaf strong:eq(6)").css({top:'48px',left:'-38px',transform:'rotate(80deg)'}) $("#leaf strong:eq(5)").css({left:'45',top:'48px',transform:'rotate(190deg)'}) $("#leaf strong:eq(4)").css({left:'-42px',top:'28px',transform:'rotate(95deg)'}) $("#leaf strong:eq(3)").css({left:'42px',top:'28px',transform:'rotate(165deg)'}) },2000) setTimeout(function(){ $("#leaf strong:eq(6)").css({top:'300px',left:'10px'}) },3000) setTimeout(function(){ $("#leaf strong:eq(5)").css({top:'270px',left:'100px'}) },3100) setTimeout(function(){ $("#leaf strong:eq(4)").css({top:'210px',left:"-70px"}) },3200) setTimeout(function(){ $("#leaf strong:eq(3)").css({top:'160px',left:"50px"}) },3300) })</script>
發佈了50 篇原創文章 · 獲贊 3 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章