我想要个每隔15秒的 js图片抖动 指点指点。。。


<img  id="win" style='position:relative' src="1.jpg">
<br /><br />
<button onclick="zd()">振动</button>
<script >
function zd(u){ 
 var a=['top','left'],b=0;
 u=setInterval(function(){
  document.getElementById('win').style[a[b%2]]=(b++)%4<2?0:4;
  if(b>15){clearInterval(u);b=0}
 },32)
}
</script></font>

解决方案 »

  1.   

    document.getElementById('win').style[a[b%2]]=(b++)%4<2?0:4 + "px";
    chrome用户，打开控制条，执行下面代码，可以让CSDN的LOGO跳动
     var a=['top','left'],b=0;
    var u=setInterval(function(){
      document.getElementsByTagName("img")[0].style[a[b%2]]=(b++)%4<2?0:4 + "px";
     },100)
      

  2.   

    用 window.setTimeout() 来循环调用.
      

  3.   

    <body>
    <img  id="win" style='position:relative' src="images/1.jpg">
    <br /><br />
    <button onclick="zd()">振动</button>
    <script >
        function zd() {
            var a = ['top', 'left'], b = 0;
            u = setInterval(function () {
                document.getElementById('win').style[a[b % 2]] = (b++) % 4 < 2 ? 0:4+"px";
                if (b > 15) { clearInterval(u); b = 0 }
            },1500)
        }
    </script>
    </body>
      

  4.   

    <html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    </head>
    <body>
        <img id="win" style='position: relative' src="1.jpg" />
        <br />
        <br />
        <button onclick="zd()">
            振动</button>    <script type="text/javascript">
    function zd(){ 
     var a=['top','left'],b=0;
     var u=setInterval(function(){
      document.getElementById('win').style[a[b%2]]=(b++)%4<2?0:4;
      if(b>15){clearInterval(u);b=0;setTimeout(zd,15000);}
     },32)
    }
        </script></body>
    </html>lz你在抖动结束后再加个定时触发(时间间隔15s).
      

  5.   

    <div id="win">
    <img src="http://www.baidu.com/img/baidu_sylogo1.gif">
    </div>
    <br /><br />
    <input type="button" onclick="zd()" value="振动">
    <script >
    function zd()
    { 
    setTimeout("zd()",5000); setTimeout(function(){document.getElementById("win").style.paddingLeft="10px"},200);
    setTimeout(function(){document.getElementById("win").style.paddingTop="10px"},250);
    setTimeout(function(){document.getElementById("win").style.paddingLeft="0px"},300);
    setTimeout(function(){document.getElementById("win").style.paddingTop="0px"},350);
    }
    </script>