高手帮改一段CSS滑动门代码让它可以兼容IE和谷歌浏览器 代码和样式如下:
目前此滑动门代码不兼容谷歌浏览器,就是让它可以兼容
代码 复制 - 运行
<div id=cntR>
<div id=NewsTop>
<div id=NewsTop_tit>
<P class=topTit>站内导读</P>
<P class=topC0>最新</P>
<P class=topC0>推荐</P>
<P class=topC0>热门</P>
<P class=topC0>随机</P>
</div>
<div id=NewsTop_cnt><SPAN title="Don't delete me"></SPAN>
<SPAN>最新</SPAN>
<SPAN>推荐</SPAN>
<SPAN>热门</SPAN>
<SPAN>随机</SPAN>
</div>
</div>
<SCRIPT>
var Tags=document.getElementById('NewsTop_tit').getElementsByTagName('p');
var TagsCnt=document.getElementById('NewsTop_cnt').getElementsByTagName('span');
var len=Tags.length;
var flag=2;//修改默认值
for(i=1;i<len;i++){
Tags[i].value = i;
Tags[i].onmouseover=function(){changeNav(this.value)};
TagsCnt[i].className='undis';
}
Tags[flag].className='topC1';
TagsCnt[flag].className='dis';
function changeNav(v){
Tags[flag].className='topC0';
TagsCnt[flag].className='undis';
flag=v;
Tags[v].className='topC1';
TagsCnt[v].className='dis';
}
</SCRIPT>
</div>
</div>
样式表
.dis {DISPLAY: block}
.undis {DISPLAY: none}
#cntR {WIDTH: 300px}
#NewsTop {CLEAR: both; MARGIN-BOTTOM: 5px}
#NewsTop P {FLOAT: left; LINE-HEIGHT: 26px}
#NewsTop P.topTit {color:#000;
float:left;
font-size:14px;
font-weight:bold;
WIDTH: 125px}
#NewsTop P.topC0 { BACKGROUND: #C9C9C9; BORDER-LEFT: #f2f2f2 1px solid; WIDTH: 40px; CURSOR: pointer}
#NewsTop P.topC1 { BACKGROUND: #7FC910; BORDER-LEFT: #f2f2f2 1px solid; WIDTH: 40px; COLOR: #fff}
#NewsTop #NewsTop_tit {BORDER-BOTTOM: #7FC910 3px solid; HEIGHT: 26px}
#NewsTop #NewsTop_cnt {PADDING-LEFT: 0px; no-repeat 12px 13px;PADDING-TOP: 7px; TEXT-ALIGN: left}
灰常感谢。CSS爱好者都来一解