网站下拉菜单
来源:互联网 发布:linux mint 18使用 编辑:程序博客网 时间:2024/05/16 06:17
----------代码---------
<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" onmouseover="javascript:ycang(this);">asas</a> <a href="" id=id2 onmouseover="javascript:ycang(this);">sdfsdfsdf</a> <a href="" id=id3 onmouseover="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分钟自己写了一个,感觉代码简练又实用
<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" onmouseover="javascript:ycang(this);">asas</a> <a href="" id=id2 onmouseover="javascript:ycang(this);">sdfsdfsdf</a> <a href="" id=id3 onmouseover="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分钟自己写了一个,感觉代码简练又实用
- 网站下拉菜单
- 如何让下拉菜单为iPad网站
- 如何让下拉菜单为iPad网站
- Jquery网站导航的 普通下拉菜单
- jquery网站导航的 下拉级联菜单
- 网站下拉菜单,选择下拉后自动填充(图)
- 网站下拉菜单,选择下拉后自动填充(图)
- 模仿某招聘网站下拉菜单-最新出炉
- 适用于网站后台的竖向二级下拉导航菜单
- 非常好看的jquery的下拉菜单网站
- jquery:提取亚马逊网站的dropdown下拉菜单
- vue悬停下拉菜单(视频门户网站)
- 下拉菜单
- 下拉菜单
- 下拉菜单
- 下拉菜单
- 下拉菜单
- 下拉菜单
- 终于成为程序员了
- c# io 学习
- js等比例缩放图片
- Windows时间同步
- Access、Hybrid和Trunk端口
- 网站下拉菜单
- 两侧浮动广告脚本
- 日语语法实践篇十五——新编日语第一册第十六课之前文篇
- ubuntu下apt-get 命令参数
- 图片编号轮换显示(一)
- js左右滚动实例(2009年8月11)
- 增加firefox的搜索选项
- 翻页之后,保存上页已选ChcekBox,然后一次性处理所选信息
- CListCtrl的使用说明