سوال: چرا این کد جاوااسکریپت توی ie و opera کار میکنه ولی توی firefox نه؟ [بایگانی]

Mostafa_Sabeti

جمعه 18 اردیبهشت 1388, 19:45 عصر

کد زیر رو توی مرورگرهای ie - opera تست کردم کار کرد ولی توی فایرفاکس نه؟ چرا؟
این کد برای نمایش یک منو هستش...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
#menu{
width:100px; height:25px;
background-image:url(images/Left.png);
background-repeat:no-repeat;
background-position:left center;
text-align:right;
padding-top:5px;
padding-right:10px;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
cursor:pointer;
background-color:#FFCC99;
position:absolute;
top:50px; right:0px;
}

#menu_list{
width:250px;
text-align:right;
position:absolute;
top:50px; right:100px;
border:1px #000099 solid;
line-height:140%;
display:none;
}

.menu_item{
background-color:#FFFFCC;
padding:4px;
cursor:pointer;
}

.menu_item_onMouseOver{
background-color:#0099FF;
color:#CC6666;
padding:4px;
cursor:pointer;
}
</style>
<script language="javascript" type="text/javascript">
function menu_onMouseOver(){
menu.style.color="white"
}

function menu_onMouseOut(){
menu.style.color="black"
}

function Show_Menu(){
menu_list.style.display="inline"
}

function Hide_Menu(){
menu_list.style.display="none"
}
</script>
</head>

<body>
<div onMouseOver="Show_Menu()" onMouseOut="Hide_Menu()">
<div id="menu" onMouseOver="menu_onMouseOver()" onMouseOut="menu_onMouseOut()">
منو
</div>
<div id="menu_list">
<div class="menu_item" onClick="window.open('Under-Construction.jpg')" onMouseOver="this.className='menu_item_onMouseOver'" onMouseOut="this.className='menu_item'">منوی شماره 1</div>
<div class="menu_item" onClick="window.open('Under-Construction.jpg')" onMouseOver="this.className='menu_item_onMouseOver'" onMouseOut="this.className='menu_item'">منوی شماره 2</div>
<div class="menu_item" onClick="window.open('Under-Construction.jpg')" onMouseOver="this.className='menu_item_onMouseOver'" onMouseOut="this.className='menu_item'">منوی شماره 3</div>
<div class="menu_item" onClick="window.open('Under-Construction.jpg')" onMouseOver="this.className='menu_item_onMouseOver'" onMouseOut="this.className='menu_item'">منوی شماره 4</div>
<div class="menu_item" onClick="window.open('Under-Construction.jpg')" onMouseOver="this.className='menu_item_onMouseOver'" onMouseOut="this.className='menu_item'">منوی شماره 5</div>
<div class="menu_item" onClick="window.open('Under-Construction.jpg')" onMouseOver="this.className='menu_item_onMouseOver'" onMouseOut="this.className='menu_item'">منوی شماره 6</div>

</div>
</div>
</body>
</html>