今天主要利用hover选择器。鼠标滑过查看效果。 一。普通导航栏Home Content Service Team Contact对于这种普通的导航栏，只是鼠标滑过的时候颜色会变，所以思路变得很简单。 （1）使用ul标签布局 （2）鼠标经过事件<div id="demo1"><ul><li>Home</li><li>Content</li><li>Service</li><li>Team</li><li>Contact</li></ul></div>*{padding:0;margin:0;list-style:none;text-decoration:none; } a{color:#fff; } #demo1{width:600px;...
这部分最后给出的成品效果比较惊人，也就是传说中的纯CSS六级菜单。这个东西最厉害的地方是兼容所有主流浏览器（IE6，IE8，Maxthon2.5，firefox3.5，opera10，safari4与chrome2），而一点CSS hack也没有用。毕竟CSS hack只是权宜之计，治标不治本，谁知它会对未来新版本的浏览器有什么副作用，因此能不用就不要用了。由于结构非常有规律，读者认真学习后，可以自行扩展为十级菜单。 纯CSS多级菜单 由于IE6能支持的伪类少得可怜，...
导航栏 下拉菜单 css定位 网站导航栏有下拉菜单，但是下拉菜单出现后会把下面的内容顶下去，这个怎么办？？？求大神 回复讨论(解决方案) 下拉层的css 加上position:absolute;z-index:999; position:absolute 绝对定位，和上下文无关。 z-index:第几层 ，这个数要保证最大以覆盖其它内容。 下拉层的css 加上position:absolute;z-index:999; position:absolute 绝对定位，和上下文无关。 z-index:第几层...
如题，现在一个网站，头部使用框架做，在导航栏这里做了一个折叠的菜单，当鼠标移上去显示，离开隐藏的那种，然后现在在主页引用框架的时候发现隐藏的菜单不能完整显示了，开始有出现滚动条，设置了 scrolling="no"之后滚动条消失了，但菜单只能显示一半，求助。。。。现在用的是Html+JavaScript做， 回复讨论(解决方案) 情况如图。。。 用iframe引入的头部？试试头部的position设置下，确保不会被覆盖了。 求助啊。。。...
ul li hover 导航栏 淘宝 css 请问各位大牛这种效果如何实现，主要不明白border那里是如何弄成多边形的， 回复讨论(解决方案) 楼主补充，层级为啥没效果 无标题文档.dpnone{ display:none;}#nav{ width:100px; height:50px; border-left:2px solid #C1C1C1; border-right:2pxsolid #C1C1C1; border-top:2px solid #C1C1C1; background-color:#09F ; position:relative; z-index:999; }#nav_child{ width:200px; ...
如图所示，这是一个左侧菜单（我截了两张图），前边有图片标示的是父菜单，有的父菜单包含子菜单，点击父菜单，就会变色（如图右边效果），点击子菜单，子菜单字体变色，父菜单背景变色（如图左边效果），现在左边的菜单栏是一个提取出来的公共页面，给每一个菜单添加标示符，当点击菜单的时候，跳到action，调用方法，然后在页面显示数据，难点就是，1：点击子菜单的时候，父菜单也要选中。2：有好多父节点跳转的是同一个action，...
全部 下载 关注 评论 收藏 分享 ...
我想弄一个导航栏固定在顶端的样式。现在的显示有点问题，如下图： 我并没有用margin-top, padding-top之类。 Login Register #top_bar{top:0;left:0;right:0;height: 40px;width:100%;position:absolute;background-color: #00CCFF;}#nav{width:960px;height:40px;margin:auto;background-color:#c0c0c0;}ul{height:40px;float:right;margin-right:20px;list-style:none;background-color:#000;}li{height...
HTML网页 如何实现点击上方导航栏，下面内容变动？就是说点击导航栏，只变动页面中间，其他不动 好比说中间jsp:include回复讨论(解决方案)中间页面弄个iframe~把导航栏的target设成那个iframe的name/id中间页面弄个iframe~把导航栏的target设成那个iframe的name/id 我是超级薪水,请问怎么把导航栏的target?怎么设?用frame，iframe或ajax技术都行引用 1 楼 agul_ 的回复: 中间页面弄个iframe~把导航栏的target设成那个iframe的...
初始的时候,是这样的, 鼠标指针移动到上面的时候,变成这样 后面那种样式怎么写呢?好像用的是box-shadow.求具体的代码 回复讨论(解决方案) 这个吧，用js的 焦点事件~~当鼠标放上去的时候用 function函数来循环{ if判断如果（）{放上去的时候换图片 }else{ 否则不见} } 其实这个2级导航用css也是可以做的 但是效果没有javascript好看 我是想要放上去后的css效果,js的会做 蓝色部分可以是个div 字是div里的s...
就是上面的导航栏的二级菜单的位置错位了，能不能帮忙解决下？？就是要向左移一下？？？ 回复讨论(解决方案) 都问的什么问题，代码都没有谁能帮你。。 用position:abosolute定位，然后，调整left的值，应该就可以了。 用position:abosolute定位，然后，调整left的值，应该就可以了。 搞定了，当时想了想，用了这个属性就行了。谢了。。
没办法~是做多语种网站，导航栏 切换语种时候，英语还好说 编个短点的，就行了~ 俄文?不懂，但对应的一翻译就是好长一段，所以导航栏位置就挤出，如果设置overflow:hidden; 关键是就那么一点东西，肯定是不全的。所以求问有没有大手 知道如何处理会好点， 顺便：导航栏是js控制带下拉的。 回复讨论(解决方案) 可以贴上相关代码么？ 做成侧边导航栏就不怕名称长了,类似京东的商品导航栏。 ...找个俄...
就是像http://www.kaixin001.com/那样，把网站logo、注册、登录、导航、帮助和搜索一直固定在页面的最上部 回复讨论(解决方案) 类似下面这样就行 position: fixed; top: 0px;
1.实现背景变换的导航菜单效果预览： 首页 公司频道 最新动态 客房介绍 酒店服务 休闲娱乐 旅行社 源代码： 实现背景变换的导航菜单#nav { width:150px; border-right:1px solid #000; padding:0 0 1em 0; margin-bottom:1em; font-family:"宋体"; font-size:13px; background-color:#ff9933; color:#000000;}#nav ul { list-style:none; margin:0; ...