这个效果可以应用在当用户输错用户名或者密码时提示。
类似于wordpress后台的登陆。
代码如下:
<style> .tjbut { width:89px; height:27px; position:relative; margin:0 auto;} </style> <div class="tjbut"><input type="submit" value="提 交" class="tijiao" id="tijiao" /></div>
此处需要给div一个相对定位,因为抖动使用的绝对定位,所以不设置的话,不知道会抖动在那里去,不信邪的可以试试。
抖动的js函数代码为:
function shake(o){ var $panel = $("#"+o); box_left = 0; $panel.css({'left': box_left,'position':'absolute'}); for(var i=1; 4>=i; i++){ $panel.animate({left:box_left-(40-10*i)},50); $panel.animate({left:box_left+2*(40-10*i)},50); } }
使用时,直接写,将id作为参数传过去即可。