郁闷吧 微信小程序 4188479 63242849 39070147 130690866
还没有任何记录...

懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

懒人建站提供网页素材下载、网站模板
这一切都是免费的!
当前位置:懒人建站 > javascript > 导航菜单 >

纯CSS横向下拉菜单导航兼容IE6

来源:懒人建站 作者: 懒人建站 日期:2010-05-16 人气:
一个纯CSS实现的横向下拉菜单导航,呵呵,这里也许你说我忽悠你,里面明明有一段JS,没办法为了兼容IE6,只好加一小段。 原理是利用了任意标签的:hover伪类,IE6不支持,那一段JS 就

一个纯CSS实现的横向下拉菜单导航,呵呵,这里也许你说我忽悠你,里面明明有一段JS,没办法为了兼容IE6,只好加一小段。

原理是利用了任意标签的:hover伪类,IE6不支持,那一段JS 就是为了解决这个问题。注意,这个js中的
var sfEls = document.getElementById("navMenu").getElementsByTagName("LI"); 要和HTML中的div层ID 要对应。

还有一点是 this.className+=" sfhover"; 中的sfhover 和CSS 中的 LI.sfhover 中的 sfhover 要对应,注意大小写,关键所在,否则会没有效果。

虽然还可以通过 HTC 文件修复这个IE6 :hover 伪类支持。个人还是感觉这种JS比较灵活,况且JS 有不大,就几行而已。

懒人建站

本文链接:纯CSS横向下拉菜单导航兼容IE6http://www.51xuediannao.com/js/nav/494.html

(责任编辑:懒人建站)

纯CSS横向下拉菜单导航兼容IE6由懒人建站收集整理,您可以自由传播,请主动带上本文链接

web前端开发就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。