----------代码---------
<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分钟自己写了一个,感觉代码简练又实用 <!--v:3.2-->
分享到:
相关推荐
网页下拉菜单3种实现,html+css实现,js实现,JQuery实现。
最经典的就是微软风格的下拉菜单--微软的经典菜单
很好用的一个网页下拉菜单,可分级,非常小巧的JS下拉菜单代码,直接插入网相应位置,方便简单。
24、Jquery纯CSS3制作华丽网站下拉菜单
网页二级菜单,下拉菜单共十类,希望大家多多支持...
两级的网页下拉菜单代码,圆角风格,鼠标悬停于主菜单时,向下滑出二级菜单,类似于下拉式菜单,这种简洁大方的风格,同样来自于一个国外CSS达人的网站。
这是做网页下拉菜单首选资源,做BS软件界面也很不错的,用的时候只稍改下你的CSS样式(即是改成与你的网页风格一样的样式)即可,IE/FF兼容,鼠标经过动态展现,推荐大家使用
jQuery多级下拉菜单支持多级下拉列表菜单,适用于商城网站或者企业网站,php中文网推荐下载!
jQuery大型网站下拉菜单booNavigation插件是一款可以制作3列大型下拉菜单,并带有平滑过渡效果,以及鼠标滑过菜单项时的动画效果。
网站下拉菜单制作企业网站导航菜单代码,外观样式大气简洁,非常适用于企业网站,导航下面有张广告图,这样用起来会更加美观,php中文网推荐下载!
jQuery大型网站下拉菜单booNavigation插件是一款可以制作3列大型下拉菜单,并带有平滑过渡效果,以及鼠标滑过菜单项时的动画效果。
下拉列表自动跳转超链接网页 下拉列表自动跳转超链接网页 下拉列表自动跳转超链接网页 下拉列表自动跳转超链接网页
基于CSS JavaScript的网页下拉菜单的设计与研究.pdf
在水平下拉菜单 和 垂直下拉菜单之间随意切换的网页换肤程序
网页下拉菜单代码.方便建设网站,下载后自己修改修改就可能了.
这款菜单基于Mootools CSS JavaScript共同实现,实现多级的网页下拉菜单,黑色风格,向右展开的子菜单形式,菜单你当然可用在你的网页中,不过这里重点是通过这款多级展开的菜单向你展示Mootools插件的用法,对于想...
纯CSS3制作华丽网站下拉菜单是一款简单实用的CSS3下拉菜单下载。
自己改的一款下拉菜单,绿色风格的,可自己调成其它色,兼容主流的浏览器。
jQuery多级无限级导航下拉菜单代码是一款可智能判断有没有下级菜单列表的网站下拉菜单特效。 js代码 [removed] $(document).ready(function() { $("ul.nav li").hover(function(){ $(this).addClass("on"); },...