<div class="proMenu">
<span class="currentMenu" id="menu1" onclick="show(1);" onmouseover="show(1);">產品特點</span>
<span class="menu" id="menu2" onmouseover="show(2);">生產工藝</span>
<span class="menu" id="menu3" onmouseover="show(3);">產品參數</span>
<span class="menu" id="menu4" onmouseover="show(4);">特別介紹</span>
<span id="menu5" class="menu" onmouseover="show(5);">溫馨提示</span>
</div>
<div class="proIntroduce">
<span id="introduce1" style=" display:block"><asp:Literal ID="LiteralCharacter" runat="server"></asp:Literal></span>
<span id="introduce2"><asp:Literal ID="LiteralArt" runat="server"></asp:Literal></span>
<span id="introduce3"><asp:Literal ID="LiteralPara" runat="server"></asp:Literal></span>
<span id="introduce4"><asp:Literal ID="LiteralIntro" runat="server"></asp:Literal></span>
<span id="introduce5"><asp:Literal ID="LiteralTip" runat="server"></asp:Literal></span>
</div>
function show(id){
alert("鼠標懸停");
for(var i=1;i<6;i++){
if(i==id){
document.getElementById("menu"+i).className="currentMenu";
}else{
document.getElementById("menu"+i).className="menu";
}
}
for(var i=1;i<6;i++){
if(i==id){
document.getElementById("introduce"+i).style.display="block";
}else{
document.getElementById("introduce"+i).style.display="none";
}
}
}
本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。