jquery动态导航插件—dynamicNav代码
预览图片
自己写的jquery动态导航插件—dynamicNav代码，我的思路是：
第一、给所有的li里插入一个span标签，且包含li里面的a标签
第二、复制一份a标签，插入到span里，现在span里有两个a标签
第三、根据传入的参数判断是垂直切换还是水平的，如果是垂直的，将span的宽度改为一个a标签的宽度，这时两个a标签就垂直排列了，这里一定要将li的overflow:hidden;否则会看到2个a标签。如果是水平的，将span的宽度改为2个a标签的宽度，且将li的宽度改为一个a标签的宽度，因为我没有在css中设置li的宽度，它是随a标签的宽度而改变，如果你像将所有导航菜单的宽度设为一样宽，可以在css中给li加上width属性。
第四、就是开始制作动画效果，使用hover事件，处理鼠标经过和离开时的效果。
使用jquery的animate改变span的margin-top（垂直方向）和margin-left(水平方向)就可以了。
一、推荐使用迅雷或快车等多线程下载软件下载本站资源。
二、未登录会员无法下载，登录后可获得更多便利功能，若未注册，请先注册。
三、如果服务器暂不能下载请稍后重试！总是不能下载，请点我报错 ,谢谢合作！
四、本站大部分资源是网上搜集或私下交流学习之用，任何涉及商业盈利目的均不得使用，否则产生的一切后果将由您自己承担！本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益，请速与我们联系，我们将尽快处理.
五、如有其他问题，请加网站设计交流群(点击这里查看交流群 )进行交流。
六、如需转载本站资源，请注明转载来自并附带链接
七、本站部分资源为加密压缩文件，统一解压密码为：www.aizhanzhe.com
大家评论
站长推荐
