在要求输入邮箱的文本域,请填写真实的邮件地址。非真实邮件地址,将收不到回复信息。

Javascript简单实现HTML元素抖动效果

JavaScript 清风 329℃ 0评论

<!doctype html>
<html>
  
  <head>
    <meta charset="utf-8">
    <title></title>
    <script type="text/javascript">function shake(id) {
        var style = document.getElementById(id).style,
        p = [4, 8, 4, 0, -4, -8, -4, 0],
        fx = function() {
          style.marginLeft = p.shift() + 'px';
          if (p.length <= 0) {
            style.marginLeft = 0;
            clearInterval(timerId);
          };
        };
        p = p.concat(p.concat(p));
        timerId = setInterval(fx, 13);
      }
      window.onload = function() {
        shake("txtUserName");
      };</script>
  </head>
  
  <body>
    <input type="text" id="txtUserName" value="www.skyfinder.cc" />
    <div>
      <input type="button" id="btnStartShake" value="抖动" onclick='shake("txtUserName");' /></div>
  </body>

</html>

转载请注明:清风博客 » Javascript简单实现HTML元素抖动效果

喜欢 (0)or分享 (0)
支付宝扫码打赏 微信打赏
发表我的评论
取消评论

CAPTCHA Image
Reload Image
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址