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

 

使用方法:

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,16sucai.css,html5.js(为了保证IE浏览器的兼容性)

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

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