兼容IE7,FF,IE6 ie8的滑动门选项卡分享迷-福利吧-fuliba分享迷

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>▒ 恋婷滑动门技术</title><style media="screen" type="text/css"></style><script type="text/javascript" language="javascript">//<!CDATA[function g(o){return document.getElementById(o);}function HoverLi(n){//如果有N个标签,就将i<=N;//本功能非常OK,兼容IE7,FF,IE6;for(var i=1;i<=6;i++){g('tb_'+i).className='normaltab';g('tbc_0'+i).className='undis';}g('tbc_0'+n).className='dis';g('tb_'+n).className='hovertab';}//如果要做成点击后再转到请将<li>中的onmouseover 改成 onclick;//]]></script></head><body><div><div id="tb_"><ul><li id="tb_1" onMouseOver="x:HoverLi(1);">流行音乐</li><li id="tb_2" onMouseOver="i:HoverLi(2);">美女写真</li><li id="tb_3" onMouseOver="a:HoverLi(3);">平面设计</li><li id="tb_4" onMouseOver="o:HoverLi(4);">网络学堂</li><li id="tb_5" onMouseOver="g:HoverLi(5);">恋爱宝典</li><li id="tb_6" onMouseOver="z:HoverLi(6);">Q小鸽子</li></ul></div><div><div id="tbc_01">流行音乐的内容</div><div id="tbc_02">美女写真的内容</div><div id="tbc_03">平面设计的内容</div><div id="tbc_04">网络学堂的内容</div><div id="tbc_05">恋爱宝典的内容</div><div id="tbc_06"><b>[Q小鸽子] 的内容</b><br /><img src="http://vickeychen.go3.icpcn.com/images/logo_main.GIF"></div></div></div></body></html>

兼容IE7,FF,IE6 ie8的滑动门选项卡

相关推荐

网站统计

热门文章