网站下拉菜单

最新推荐文章于 2024-07-16 17:56:11 发布

zsnlovewl

最新推荐文章于 2024-07-16 17:56:11 发布

阅读量431

点赞数

分类专栏： javascript 文章标签： javascript layer div function url

本文链接：https://blog.csdn.net/zsnlovewl/article/details/4971571

版权

javascript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

----------代码---------
<style type="text/css">

</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分钟自己写了一个，感觉代码简练又实用

zsnlovewl

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网站下拉菜单

----------代码--------- #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;
复制链接

扫一扫