请问ie6下为什么JavaScript失效了啊？？
下面的代码是我从网上找到的，第一个是弹出菜单，第二个是不间断滚动文字，在ie7下2个功能都正常，ie6下弹出菜单失效，请大家帮忙看看是哪儿出了问题啊？
程序代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. xmlns="http://www. type="text/css">
body { font-size:12px; }
/* ------------------- start 针对 Opera, Firefox 的 CSS 弹出菜单 -------------------*/
.mainnav{background-color:#fff!important; /* 定义主菜单域背景色 */}
.mainnav .level{ /* 定义一级类别属性 */
width:75px; /* 宽度 */
height:20px; /* 高度 */
position:relative; /* 显示位置为相对位置 */
display:block; /* 以块模式显示 */
background-color:#D8D8D8; /* 背景色 */
padding:0px 2px; /* 文字内补丁间隔 */
margin:0px 0px 1px 0px; /* 菜单外补丁间隔 */
z-index:9999;
}
.mainnav .level:hover { /* 当鼠标划过一级菜单时 */
background-color:#6633FF; /* 背景色 */
color:#FFFFFF; /* 文字颜色 */
}
.mainnav .level_{display:none; /* 默认隐藏二级类别 */}
.mainnav .level:hover .level_ { /* 鼠标划过时触发显示二级类别 */
display:block; /* 以块显示 */
left:0px; /* 相对于一级类别显示的位置 */
width:300px; /* 宽度 */
height:auto; /* 高度 */
top:0px; /* 相对于一级类别所在位置的顶端 */
background-color:#EFEFEF; /* 定义背景色 */
position:absolute; /* 位置为绝对位置 */
z-index:9999;
}
.mainnav .level:hover .level_ .level_title {
/* 定义二级类别标题样式 */
font-weight:bold; /* 字体加粗 */
background-color:#A7ADFE; /* 背景色 */
color:white; /* 文字颜色 */
}
.mainnav .level:hover .level_ a:hover {
/* 定义二级类别链接显示样式 */
background-color:#F83658; /* 背景色 */
color:white; /* 文字颜色 */
}
.mainnav .level:hover .level_ * {
/* 定义所有二级类别通用属性 */
display:block; /* 以块显示 */
color:black; /* 文字颜色 */
padding:0px 2px; /* 内补丁间隔 */
}
/* ------------------- end 针对 Opera, Firefox 的 CSS 弹出菜单 -------------------*/
/* ------------------- start 针对 IE 的 CSS 弹出菜单 -------------------*/
.levelIe{ /* 定义一级类别属性 */
width:75px; /* 宽度 */
height:20px; /* 高度 */
position:relative; /* 显示位置为相对位置 */
display:block; /* 以块模式显示 */
background-color:#D8D8D8; /* 背景色 */
padding:0px 2px; /* 文字内补丁间隔 */
margin:0px 0px 1px 0px; /* 菜单外补丁间隔 */
z-index:9999;
}
.levelIe .level_ { /* 鼠标划过时触发显示二级类别 */
display:block; /* 以块显示 */
left:0px; /* 相对于一级类别显示的位置 */
width:300px; /* 宽度 */
height:auto; /* 高度 */
top:0px; /* 相对于一级类别所在位置的顶端 */
background-color:#EFEFEF; /* 定义背景色 */
position:absolute; /* 位置为绝对位置 */
z-index:9999;
}
.levelIe .level_ .level_title {
/* 定义二级类别标题样式 */
font-weight:bold; /* 字体加粗 */
background-color:#A7ADFE; /* 背景色 */
color:white; /* 文字颜色 */
}
.levelIe .level_ a:hover {
/* 定义二级类别链接显示样式 */
background-color:#F83658; /* 背景色 */
color:white; /* 文字颜色 */
}
.levelIe .level_ * {
/* 定义所有二级类别通用属性 */
display:block; /* 以块显示 */
color:black; /* 文字颜色 */
padding:0px 2px; /* 内补丁间隔 */
}
.levelIe .level_ li {
float: left;
margin-right:10px
}
/* ------------------- end 针对 IE 的 CSS 弹出菜单 -------------------*/
</style>
<script type="text/javascript">
if (navigator.appName=="Microsoft Internet Explorer") {
function fmainnav() {
var getItem = document.getElementById("mainnav").getElementsByTagName("div");
for (var i=0; i<getItem.length; i++) {
getItem[i].onmouseover=function() {
if( this.className=="level"){
this.className="levelIe";
}
}
getItem[i].onmouseout=function() {
if( this.className=="levelIe"){
this.className="level";
}
}
}
}
window.onload=fmainnav;
}
</script>
<div class="mainnav" id="mainnav">
<div class="level">
<div class="level_title" style="FONT-WEIGHT: bold;color:red">弹出菜单</div>
<div class="level_">
<table height="49" width="300" border="0">
<tbody>
<tr>
<td valign="middle" align="center" width="25%"><a href="#">二级菜单1</a></td>
<td valign="middle" align="center" width="25%"><a href="#">二级菜单2</a></td>
<td valign="middle" align="center" width="25%"><a href="#">二级菜单3</a></td>
<td valign="middle" align="center" width="25%"><a href="#">二级菜单4</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<p>下面是不间断滚动文字</p>
<div id="marquees">
不间断滚动文字111111111<br />
不间断滚动文字222222222<br />
不间断滚动文字33333333333<br />
不间断滚动文字44444444444<br />
不间断滚动文字55555555555<br />
</div>
<script language="JavaScript">
marqueesWidth=300;
marqueesHeight=50;
stopscroll=false;
with(marquees){
style.width=marqueesWidth;
style.height=marqueesHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscroll=true");
onmouseout=new Function("stopscroll=false");
}
document.write('<div id="productlist" style="position:absolute;z-index:1;visibility:hidden"></div>');
productTop=0; currentTop=0;
function init(){
productlist.innerHTML="";
while(productlist.offsetHeight<marqueesHeight){
productlist.innerHTML+=marquees.innerHTML;
}
marquees.innerHTML=productlist.innerHTML+productlist.innerHTML;
setInterval("scrollUp()",40);
}
document.body.onload=init;
function scrollUp(){
if(stopscroll==true) return;
productTop=marquees.scrollTop;
marquees.scrollTop+=1;
if(productTop==marquees.scrollTop){
marquees.scrollTop=productlist.offsetHeight-marqueesHeight;
marquees.scrollTop+=1;
}
}
</script>
</body>
</html>
