Heim >Web-Frontend >HTML-Tutorial >求教，高手们谁能给一个兼容IE6浏览器的滑动门代码，感谢！_html/css_WEB-ITnose
求教，高手们谁能给一个兼容IE6浏览器的滑动门代码，感谢！_html/css_WEB-ITnose
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
- 2016-06-24 12:09:071323Durchsuche
各位高手，下午好。
今天，我想求教一个能比较完美兼容IE6核心浏览器的滑动门代码，之前自己修改的和网上找的，本地测试正常，但一放在小站上，就完全失效了。
滑动门具体没什么要求，自动滑动和点击滑动的都可以，主要是兼容，感谢！
回复讨论(解决方案)
这个还是自己百度google吧
百度google
分好高
ie6让程序猿很纠结的说
IE6 亲 你这个浏览器太先进了 没这个浏览器 写出来也测试不了啊
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>滑动门</title><script language="javascript">function tabChange(obj,id) { var arrayli = obj.parentNode.getElementsByTagName("li"); //获取li数组 var arrayul = document.getElementById(id).getElementsByTagName("ul"); //获取ul数组 for(i=0;i<arrayul.length;i++) { if(obj==arrayli[i]) { arrayli[i].className = "cli"; arrayul[i].className = ""; } else { arrayli[i].className = ""; arrayul[i].className = "hidden"; } }}</script><style type="text/css">.tabbox {width:300px;height:250px;}.tabmenu {width:295px;height:28px;border-left:1px solid #CCC;border-top:1px solid #ccc;}.tabmenu ul {margin:0;padding:0;list-style-type: none;}.tabmenu li { text-align:center; float:left; display:block; width:58px; height:27px; overflow:hidden; background-color: #D2E8F7; line-height:27px; border-right:#ccc 1px solid; border-bottom:#ccc 1px solid; display:inline; font-size:12px;}.tabmenu .cli {text-align:center;float:left;display:block;width:58px;height:27px;overflow:hidden;background-color: #fff;line-height:27px;border-right:#ccc 1px solid;border-bottom:#fff 1px solid;display:inline;font-size:12px; cursor:pointer;}#tabcontent {width:294px;background-color:#fff;border-left:#CCC 1px solid;border-right:#CCC 1px solid;border-bottom:#CCC 1px solid;}#tabcontent ul {margin:0;padding:5px;list-style-type: none;}#tabcontent .hidden {display:none;}</style></head><body> <div class="tabbox"> <div class="tabmenu"> <ul> <li onmouseover="tabChange(this,'tabcontent')" class="cli">军事</li> <li onmouseover="tabChange(this,'tabcontent')">娱乐</li> <li onmouseover="tabChange(this,'tabcontent')">国内</li> <li onmouseover="tabChange(this,'tabcontent')">国外</li> <li onmouseover="tabChange(this,'tabcontent')">游戏</li> </ul> </div> <div id="tabcontent"> <ul name="tabul"> <li><a href="#">1111111111111111111111</a></li> <li><a href="#">1111111111111111111111</a></li> <li><a href="#">1111111111111111111111</a></li> <li><a href="#">1111111111111111111111</a></li> <li><a href="#">1111111111111111111111</a></li> <li><a href="#">1111111111111111111111</a></li> </ul> <ul class="hidden"> <li><a href="#">2222222222222222222222</a></li> <li><a href="#">2222222222222222222222</a></li> <li><a href="#">2222222222222222222222</a></li> <li><a href="#">2222222222222222222222</a></li> <li><a href="#">2222222222222222222222</a></li> <li><a href="#">2222222222222222222222</a></li> </ul> <ul class="hidden"> <li><a href="#">3333333333333333333333</a></li> <li><a href="#">3333333333333333333333</a></li> <li><a href="#">3333333333333333333333</a></li> <li><a href="#">3333333333333333333333</a></li> <li><a href="#">3333333333333333333333</a></li> <li><a href="#">3333333333333333333333</a></li> </ul> <ul class="hidden"> <li><a href="#">4444444444444444444444</a></li> <li><a href="#">4444444444444444444444</a></li> <li><a href="#">4444444444444444444444</a></li> <li><a href="#">4444444444444444444444</a></li> <li><a href="#">4444444444444444444444</a></li> <li><a href="#">4444444444444444444444</a></li> </ul> <ul class="hidden"> <li><a href="#">5555555555555555555555</a></li> <li><a href="#">5555555555555555555555</a></li> <li><a href="#">5555555555555555555555</a></li> <li><a href="#">5555555555555555555555</a></li> <li><a href="#">5555555555555555555555</a></li> <li><a href="#">5555555555555555555555</a></li> </ul> </div> </div></body></html> 看看行不行
http://ipotsy.com/test/huadong/
这个还是自己百度google吧 网上搜的，改的不怎么好，所以求教！
感谢高手们的回复，进来比较忙，今天才上来，感谢！
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：【求助】为什么在UL下的框左边会有边距？_html/css_WEB-ITnoseNächster Artikel：overflow:hidden 的问题高分请教！_html/css_WEB-ITnose