先上效果图js代码muiplusReadyfunction var ws = wssetStyle quottitleNViewquot backgroundColor #39#f7f7f7#39，导航栏背景色 titleText #39透明渐变native模式#39，导航。

2设置一个简易的导航栏3加css 控制菜单的样式，并加入背景图片4为li添加id，创建函数fun ，并传递传递参数5为函数加入点击导航改变背景图片的代码=quoturlimagesbg2pngquot6。

就是把首页新闻供求都放到一个div里面，让他们排成一列，要是直接使用lta的话就给他css设成，displayblock ，然后设置样式，满意后把这个div的高度设置成一个lta的高度，就是overflowhidden，鼠标移上去的。

然后需要在style标签中用CSS定义导航条的样式，如下图所示写样式的时候一定要注意写在样式标签里最后，运行html页面，您将看到如下图所示的导航栏当鼠标放在导航条上时，背景色会变成红色CSShtml5如何做到点击导航栏。

a 标签对是一个网站的一条信息链接定义的，alink * 未访问的链接 *avisited * 已访问的链接 *ahover * 当有鼠标悬停在链接上 *aactive * 被选择的链接 * 然后你。

然后就需要在style标签中用CSS对导航条的样式进行定义了，如下图所示，书写样式的时候一定要注意写在style标签里面 最后运行html页面，你就会看到如下图所示的导航条，当鼠标放在某个导航上时，背景色会变成红色。

这个用jQuery就的toggle函数可以实现lt！DOCTYPE htmllthtml lang=quotenquotlthead ltmeta charset=quotUTF8quot lttitleTitlelttitleltscript src=quot ltstyle main liststyle float。

方法一js+url，方法二php语言判断，单单html+css实现不了你要的效果。

这里的navscroll改为你的导航栏的id或class offset 5， 在元素没有固定之前，垂直方向的偏移量以px为单位 tolerance 5， scroll tolerance in px before state changes classes ini。

1使用 js的写法ltspan onmouseover=quot=#39#ffffff#39quot onmouseout=quot=#39#000000#39quot style=quotcolor#000000quot文字ltspan设置初始的颜色为黑色添加鼠标over事件，当鼠标移动到文字上面时。

1首先打开Deamweaver8，新建一网页文件，接着输入以下导航菜单的内容2此时对应效果如图3接下来准备相关的导航按钮图片可以事先利用PS制作好4然后将以下CSS代码加入到ltheadlthead之间5网页此时的效果。

3看看蒙版层的样式定义代码如图所示背景rgba0，0，0，07透明度可以通过修改后面的07号来改变1是完全不透明的，0是完全透明的4然后添加用于鼠标移动的脚本代码来显示蒙版层这段js代码是用jquery编写的。

2在html文件上找到body标签，在这个标签里创建一个div标签并设置class类为bg ，如图所示3接着在title标签后创建style标签用来给bg类添加样式在这给bg类设置了一个宽高和背景颜色4然后设置鼠标滑过div时背景。

#39nav li#39mouseenterfunction $#39con li#39eq$thisindexshowsiblingshide这样就可以实现鼠标经过显隐效果了，文字位置需要你自己调整样式。

backgroundrgba0，0，0，07可以通过修改后面的07这个数字来改变透明度1为完全不透明，0为完全透明4接着添加鼠标移动上去显示遮罩层的脚本代码这个js代码用jquery来写，方便，简单一点，所以我们先引入jquery。