js代码在IE浏览器、火狐浏览器中的兼容问题,请高手!
这个页面中的js子菜单,无法在火狐浏览器中使用。该如何解决啊?除不知道window.event.cancelBubble=true;这一句不兼容火狐,但是该如何改呢?还有...
这个页面中的js子菜单,无法在火狐浏览器中使用。该如何解决啊?
除不知道window.event.cancelBubble=true;这一句不兼容火狐,但是该如何改呢?
还有其他不兼容的地方吗?怎么改正?请高手帮忙!
网页代码如下:
<!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>
<SCRIPT language=javascript>
<!--//
function menuControl(show)
{
window.event.cancelBubble=true;
var objID=event.srcElement.id;
var index=objID.indexOf("_");
var mainID=objID.substring(0,index);
var numID=objID.substring(index+1,objID.length);
if(mainID=="menubar")
{
if(show==1)
{
eval("showMenu("+"menu_"+numID+")");
}
else
{
eval("hideMenu("+"menu_"+numID+")");
}
}
}
var nbottom=0,speed=1;
function displayMenu(obj)
{
obj.style.clip="rect(0 100% "+nbottom+"% 0)";
nbottom+=speed;
if(nbottom<=100)
{
timerID=setTimeout("displayMenu("+obj.id+"),70");
}
else clearTimeout(timerID);
}
function showMenu(obj)
{
obj.style.display="block";
nbottom=5;
obj.style.left=obj.offsetleft-200;
obj.style.top=obj.offsetTop=-20;
displayMenu(obj);
}
function hideMenu(obj)
{
nbottom=0;
obj.style.display="none";
}
function keepMenu(obj)
{
obj.style.display="block";
}
//-->
</SCRIPT>
</head>
<body>
<div class="bigsort list1"><a href="file:///E|/list.php?fid=5" target="_blank">数码影音</a></div>
<div class="sort">
<a href="#" target="_blank" id="menubar_81" onmouseover="menuControl(1)" onmouseout="menuControl(0)">大数码</a> |
<div style="DISPLAY: none; position:absolute;" id="menu_81" onmouseover="keepMenu(this)" onmouseout="hideMenu(this)">
<span style="padding:5px;font-size:15px;width:100%;height:100;padding:1px;border:2px solid #EB0007;background:#ff963c; position:relative; left:-17px; top:-3px;"><a href="file:///E|/list.php?fid=82" target="_blank">小数码</a></span>
</div>
</div>
</body>
</html>
只知道window.event.cancelBubble=true;这一句不兼容火狐,但是该如何改呢? 展开
除不知道window.event.cancelBubble=true;这一句不兼容火狐,但是该如何改呢?
还有其他不兼容的地方吗?怎么改正?请高手帮忙!
网页代码如下:
<!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>
<SCRIPT language=javascript>
<!--//
function menuControl(show)
{
window.event.cancelBubble=true;
var objID=event.srcElement.id;
var index=objID.indexOf("_");
var mainID=objID.substring(0,index);
var numID=objID.substring(index+1,objID.length);
if(mainID=="menubar")
{
if(show==1)
{
eval("showMenu("+"menu_"+numID+")");
}
else
{
eval("hideMenu("+"menu_"+numID+")");
}
}
}
var nbottom=0,speed=1;
function displayMenu(obj)
{
obj.style.clip="rect(0 100% "+nbottom+"% 0)";
nbottom+=speed;
if(nbottom<=100)
{
timerID=setTimeout("displayMenu("+obj.id+"),70");
}
else clearTimeout(timerID);
}
function showMenu(obj)
{
obj.style.display="block";
nbottom=5;
obj.style.left=obj.offsetleft-200;
obj.style.top=obj.offsetTop=-20;
displayMenu(obj);
}
function hideMenu(obj)
{
nbottom=0;
obj.style.display="none";
}
function keepMenu(obj)
{
obj.style.display="block";
}
//-->
</SCRIPT>
</head>
<body>
<div class="bigsort list1"><a href="file:///E|/list.php?fid=5" target="_blank">数码影音</a></div>
<div class="sort">
<a href="#" target="_blank" id="menubar_81" onmouseover="menuControl(1)" onmouseout="menuControl(0)">大数码</a> |
<div style="DISPLAY: none; position:absolute;" id="menu_81" onmouseover="keepMenu(this)" onmouseout="hideMenu(this)">
<span style="padding:5px;font-size:15px;width:100%;height:100;padding:1px;border:2px solid #EB0007;background:#ff963c; position:relative; left:-17px; top:-3px;"><a href="file:///E|/list.php?fid=82" target="_blank">小数码</a></span>
</div>
</div>
</body>
</html>
只知道window.event.cancelBubble=true;这一句不兼容火狐,但是该如何改呢? 展开
2个回答
展开全部
火狐下用stoPropagation(),阻止事件冒泡。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
您好,感谢您对火狐的支持
有个技巧,您在火狐下可以使用stoPropagation(),这样可以阻止事件冒泡。
您可以在火狐官方网站下载火狐浏览器,在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。
有个技巧,您在火狐下可以使用stoPropagation(),这样可以阻止事件冒泡。
您可以在火狐官方网站下载火狐浏览器,在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询