jQuery技术

jquery实现图片左右晃动(震动)

字号+ 作者:H5之家 来源:H5之家 2015-11-13 11:10 我要评论( )

今天看到一个基于jquery实现的图片左右晃动(震动)效果还不错,特此分享给大家,可以用作登录的时候,用户名或者密码输入错误的时候,来实现晃动,WordPress

  今天看到一个基于jquery实现的图片左右晃动(震动)效果还不错,特此分享给大家,可以用作登录的时候,用户名或者密码输入错误的时候,来实现晃动,WordPress的登录页面就有这样的效果。

 查看高清演示:

 

代码不多,可以一试:

核心代码

<script type="text/javascript"> function shake() { //100为震动间隔,3为震动次数 $('#demo').effect('shake', { times: 3 }, 100); } jQuery(document).ready(function() { setInterval("shake()", 3000); }); </script>

页面调用:

<div> <img src="images/123.jpg" alt="Linzl技术汇" title="Linzl技术汇" /> </div>

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评
<