不错的下拉菜单网页特效代码

网页特效代码

网站首页菜单导航日期时间背景图像图层样式鼠标键盘页面窗口色彩表格链接文字表单按钮计数转换游戏娱乐综合实例

热点推荐儿歌大全童谣
生意网址大全美容
我们是致力收藏最实用的网页特效代码！

您的位置: 网页特效 -> 菜单导航 -> 不错的下拉菜单网页特效代码

不错的下拉菜单网页特效代码

作者:不错的下拉菜单网页特效代码发布时间:2007-12-12 15:11:31 发布人: admin

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
BODY {font-size:9pt;color:white;background-color:yellow}
TABLE{font-size:9pt;color:snow;background-color:darkblue;BORDER-COLLAPSE: collapse;text-align:center}
DIV{font-size:9pt;color:springgreen;background-color:green}
TD{cursor:hand}
FONT {font-size:9pt;color:lime;cursor:hand}
.over {color:gold;background-color:slateblue}
.out{ color:snow;background-color:darkblue}
</style>
<script>
function popmenu(obj1)
{
obj1.className="over";
menu1.style.backgroundColor="slateblue";
menu1.style.borderTopColor="slateblue";
menu1.style.top=obj1.offsetTop+obj1.offsetHeight;
menu2.style.top=obj1.offsetTop+obj1.offsetHeight+10;
menu1.style.left=obj1.offsetLeft+obj1.offsetWidth/2-40;
menu2.style.left=obj1.offsetLeft+obj1.offsetWidth/2-30;
menu1.style.display="";
menu2.style.display="";
}
function menuout(obj1) {
obj1.className="out";
menu1.style.backgroundColor="darkblue";
menu1.style.borderTopColor="darkblue";
} 
function menuclear()
{ if (event.toElement.tagName!="FONT")
   {
      menu1.style.display='none';
      menu2.style.display='none';          
   }
}
function hide()
{menu1.style.display='none';menu2.style.display='none';}
</script>
<title>中国建站之家网页特效演示，不错的下拉菜单</title>
</head>
<body topmargin="0" leftmargin="0" onresize="location.reload()">
<script>
for(x=0;x<=document.body.offsetWidth;x+=10){
document.write("<div style='position:absolute;left:"+x+";top:0;height:100%;width:1;font-size:1pt;background-color:gray;border:0;z-index:-2'></div>")
}
for(x=0;x<=document.body.offsetHeight;x+=10) {
document.write("<div style='position:absolute;left:0;top:"+x+";height:1;width:100%;font-size:1pt;background-color:gray;border:0;z-index:-2'></div>")
}
</script>
<div id="menu1" onmouseout="menuclear()" style="position:absolute;text-align:center;color:snow;background-color:slateblue;top:100;left:100;height:200;width:80;display:none;border-style:solid;border-width:1;border-color:cyan;border-top-color:slateblue;z-index:1">

不错的下拉菜单网页特效代码

将本文收藏到QQ书签与更多好友分享

上一篇：文章：点击文字让层移动的菜单网页特效代码下一篇：文章：文件夹式的菜单

网页特效代码

不错的下拉菜单网页特效代码

本类浏览排行 »

本站推荐文章 »