Welcome to Delicate template
Header
Just another WordPress site
Header

js来实现某个容器左右抖动的效果。

7月 3rd, 2013 | Posted by 无 名 in js

这个效果可以应用在当用户输错用户名或者密码时提示。
类似于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作为参数传过去即可。

You can follow any responses to this entry through the RSS 2.0 Both comments and pings are currently closed.