郁闷吧 微信小程序 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前端开发就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
  • 外贸高仿
    2017-01-13 07:02:04发表

    精品原单ヹ1:1包包ヹ源头货 http://698.118v.net 积家दDiorदCartierद伯爵दCartierद

  • 朴有天
    2016-05-12 10:20:44发表

    不兼容IE6

  • 555
    2016-03-18 01:36:59发表

    没有文件

  • 千木工作室
    2016-01-08 13:54:28发表

    不错,赞一个

  • Jquery特效
    2015-03-10 21:35:29发表

    测试可以下载 呀

  • 西营
    2015-03-10 14:58:25发表

    360极速下不出来