纯css简单的警告框加抖动效果
2015-02-15 19:38
826 查看
这种效果的警告框,出错了会抖动
jQuery的动画效果,animate for循环4次左右移动
[code].alert-box { width: 400px; border-style: outset; position: relative; color:#555; border-radius:10px; font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px; padding:10px 10px 10px 10px; margin:auto; display: none; } .alert-box span { font-weight:bold; text-transform:uppercase; } .error { background:#ffecec no-repeat 10px 50%; border:1px solid #f5aca6; }
jQuery的动画效果,animate for循环4次左右移动
[code]var $box = $('.alert-box'); $box.html('<span>error: </span>' + data.error); $box.show(); var box_left = ($(window).width() - $box.width()) / 2; for(var i=1; 4>=i; i++){ $box.animate({left:-(40-10*i)},50); $box.animate({left:+2*(40-10*i)},50); }
相关文章推荐
- 帖一个简单css效果
- 简单的CSS阴影效果
- Html——简单CSS实例之带数字导航的横幅效果
- 纯DIV+CSS简单实现Tab选项卡左右切换效果
- jquery配合css简单实现返回顶部效果
- 简单易变的CSS阴影效果
- Unity3D中抖屏(抖动相机)效果的简单实现
- 网页用 JavaScript DOM 仿作QQ的窗口抖动效果,超简单~~~
- 弄到现在才知道网页没有combobox,弄网上的服务器控件不方便,自己用textbox+dropdownlist用CSS组合起一个简单的combobox效果。
- CSS实现简单的图文互绕排版效果
- 简单易变的CSS阴影效果
- 简单的css仿ext的layout效果
- css实现简单圆角效果
- 解决IE使用css表达式模拟fixed效果时抖动问题
- 最简单的Div+ CSS弹出层效果
- 一个简单css效果
- 简单实用的无图片随意变色css圆角效果!
- 最简单的CSS图片翻转效果
- CSS简单重叠线效果
- js/html/css做一个简单的图片自动(auto)轮播效果//带注释