您好,欢迎来到华佗小知识。
搜索
您的当前位置:首页jQuery晃动层特效实现方法_jquery

jQuery晃动层特效实现方法_jquery

来源:华佗小知识


本文实例讲述了jQuery晃动层特效实现方法。分享给大家供大家参考。具体实现方法如下:

代码如下:




jQuery晃动层



var box_left = 0;
$(document).ready(function () {
box_left = ($(window).width() - $('#box').width()) / 2;
$('#box,#footer').css({'left': box_left, 'position':'absolute'});
});
function shock()
{
for (i = 1; i < 7; i++)
{
$('#box').animate({
'left': '-=15'
}, 3, function() {
$(this).animate({
'left': '+=30'
}, 3, function() {
$(this).animate({
'left': '-=15'
}, 3, function() {
$(this).animate({
'left': box_left
}, 3, function() {
// shock end
});
});
});
});
}
}




仿wp后台登录错误时左右晃动某一层



单击我查看效果


希望本文所述对大家的jQuery程序设计有所帮助。

Copyright © 2019- huatuo0.cn 版权所有 湘ICP备2023017654号-2

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务