網站下拉菜單

----------代碼---------
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:46px;
height:81px;
z-index:1;
left: 16px;
top: 37px;
}
#Layer2 {
position:absolute;
width:87px;
height:79px;
z-index:2;
left: 76px;
top: 34px;
}
#Layer3 {
position:absolute;
width:87px;
height:79px;
z-index:2;
left: 197px;
top: 36px;
}
-->
</style>
</head>
<script>
function ycang(id){
for(i=1;i<=3;i++){
  if(eval("id" + i)!=id){
  eval("Layer" + i + ".style.display=/"none/";");
  //document.getElementById("bg"+i).style.backgroundImage = "url('換背景圖片1')";換背景圖片
  }else{
  eval("Layer" + i + ".style.display=/"/";");
//document.getElementById("bg"+i).style.backgroundImage = "url('換背景圖片2')";換背景圖片
  }
}
}
</script>
<body>
<a href="" id="id1" οnmοuseοver="javascript:ycang(this);">asas</a>    <a href="" id=id2 οnmοuseοver="javascript:ycang(this);">sdfsdfsdf</a>    <a href="" id=id3 οnmοuseοver="javascript:ycang(this);">sdfsdfsdf</a>
<div id="Layer1" style="display: none">11</div>
<div id="Layer2" style="display: none">22</div>
<div id="Layer3" style="display: none">33</div>
</body>



以前都是用別人的代碼的。一,亂,二,難改。今天心情好自己花了5分鐘自己寫了一個,感覺代碼簡練又實用
發佈了45 篇原創文章 · 獲贊 4 · 訪問量 3萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章