发布时间：2014-12-23    点赞人数：21.在浏览网页的时候,我们经常会看到网页导航有个默认的效果,当你鼠标划过导航的时候,会有另外一个效果,当你点击选中某个栏目的时候,又会是另外一个效果,类似如下图:2.首先准备4张图片,分别代表默认样式,鼠标移动到菜单上的样式,和菜单被选中的样式,最后一张是为了下边的cssscript准备的3.在编辑器中输入如下代码jingyan.baidu.com

DOCTYPE html html lang= en head meta charset= UTF-8 title Document /title style li{list-style-type:... 导航条代码 /a /li li a href= 电子商务 /a /li /ul /div /div /li li a href= cla...www.cnblogs.com

我看到网上讲的很简单,大致原理就是图片定为相对定位,文字定为绝对定位即可.不过我实现的并不顺利,花了几个小时才让菜单栏漂浮在图片上...blog.csdn.net