知识 分享 互助 懒人建站

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

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

    yahoo.com首页的tab选项卡切换效果

    作者:佳明妈 来源:懒人建站 2010-01-13 人气:
    原雅虎(yahoo.com)首页的tab选项卡切换效果, 经测试 IE6、IE7、IE8、火狐 均兼容 正常。 div dl dt dd 结构。 效果如图: 说明: 样式中的 font: 12px/30px 宋体; 是一个样式缩写:字号/行高 字

        原雅虎(yahoo.com)首页的tab选项卡切换效果, 经测试 IE6、IE7、IE8、火狐 均兼容 正常。
    div dl dt dd 结构。
    效果如图:
     yahoo.com首页的tab选项卡切换效果
     
        说明:样式中的 font: 12px/30px "宋体";  是一个样式缩写:字号/行高 字体;
        注意.open dt .close dt #tabs div 和其他样式中的宽高,和间距设置,
        适当的控制可以打造出你想要的效果。
        JS代码中的 alltabs[6].className = "open"; 是用来控制初始状态的,6 就是第七个为初始状态
        如果把这一句删除,就是没有初始状态。
        经测试 IE6、IE7、IE8、火狐 均正常

    ↓ 查看全文

    yahoo.com首页的tab选项卡切换效果由懒人建站收集整理,您可以自由传播,请主动带上本文链接

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

    yahoo.com首页的tab选项卡切换效果-最新评论

    • 11 2015-10-29 10:10:50
      看过必回,人品超好!
    • 不战牡56 2015-10-29 10:06:50
      看过必回,人品超好!
    • 苍老师作品 2015-10-10 03:58:32
      过去酒逢知已千杯少,现在酒逢千杯知已少。
    • 11 2015-10-10 03:10:32
      过去酒逢知已千杯少,现在酒逢千杯知已少。