Javascript

【效果】精辟的抖动效果

作者: 青锋幽灵  日期: 2008-12-02 10:53

字体大小: 小 中 大
XML/HTML代码
  1. <img id="win" style='position:relative' src="http://ghost.cmsdream.com/samples/quake/img.jpg"><br /><br />     
  2. <button onclick="quake()">振动</button>     
  3. <script type="text/javascript">     
  4. var a=['top','left'],b=0;      
  5. function quake(u){      
  6.     u=setInterval(function(){      
  7.         document.getElementById('win').style[a[b%2]]=(b++)%4<2?0:4;      
  8.         if(b>15){clearInterval(u);b=0}      
  9.     },32);      
  10. }      
  11. </script>  

预览效果

引用通告地址: 点击获取引用地址
评论: 0 | 引用: 0 | 阅读: 1917 | 打印 | 打包