大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
今天小编给大家分享的是jQuery实现网站导航抖动效果的代码,相信很多人都不太了解,为了让大家更加了解jQuery实现网站导航抖动效果的代码,所以给大家总结了以下内容,一起往下看吧。一定会有所收获的哦。
抚宁ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联建站的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18980820575(备注:SSL证书合作)期待与您的合作!
使用jQuery实现网站导航抖动效果
知识点
1、each遍历节点
2、 animate()自定义动画
代码
运行结果
鼠标放上后会不停抖动
// 停止抖动 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' }) } });