本篇文章介绍了使用jquery实现网站导航抖动效果的方法，主要用到了each遍历节点和animate自定义动画，希望对学习jquery的朋友有帮助！
使用jQuery实现网站导航抖动效果
知识点
1、each遍历节点
2、 animate()自定义动画
代码
- 百度
- 淘宝
- 新浪
- 网易
- 搜狐
- 腾讯
- 优酷
- 京东
运行结果
狼群淘客 免费开源淘宝客程序
下载
狼群淘客系统基于canphp框架进行开发，MVC结构、数据库碎片式缓存机制，使网站支持更大的负载量，结合淘宝开放平台API实现的一个淘宝客购物导航系统采用php+mysql实现，任何人都可以免费下载使用 。狼群淘客的任何代码都是不加密的，你不用担心会有任何写死的PID，不用担心你的劳动成果被窃取。
鼠标放上后会不停抖动
// 停止抖动
stopShake(this);
});
function shake(ele) {
// 1. 设置css
$(ele).css({
'position': 'relative'
});
// 2. 确定走动的值
var animateLeft = $(ele).css('left') === '10px' ? '-10px' : '10px';
$(ele).animate({
left: animateLeft }, 100, function () {
shake(ele);
});
}
function stopShake(ele) {
$(ele).stop(true, false).css({
left: '0'
})
}
});