来源:css-tricks 代码整理:拾图网淘宝店 感谢:折页

*尊重他人劳动成果,转载请自觉注明出处!注:此代码仅供学习交流,请勿用于商业用途。

2款具有滑动效果的导航代码,鼠标移动可触发导航hover状态的滑动效果,兼容IE6和主流浏览器,拾图网淘宝店推荐下载!


使用方法:

1、<!--[if lt IE 7 ]><html class="no-js ie6" lang="en"><![endif]-->

    <!--[if IE 7 ]><html class="no-js ie7" lang="en"><![endif]-->

    <!--[if IE 8 ]><html class="no-js ie8" lang="en"><![endif]-->

    <!--[if (gte IE 9)|!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]-->

    此段代码替换<html>,为了兼容IE6,7,8浏览器

2、head区域引用文件jquery.js(必须是1.5.2以上的版本的jquery库),jquery.color-rgba-patch.js,example.js,lrtk.css,html5.js(为了保证IE浏览器的兼容性)

3、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码

4、两个导航效果需设置不同的id,即example-one或example-two