加入收藏 - 网站地图 - 网站搜索 -
阅读新闻

几个入门级的JS特效代码--实现弹出菜单

[日期:01-27] 来源:  作者: [字体: ]

<html>
<head>
<title>无标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body topmargin="0" leftmargin="0" bgcolor="#FFFFFF" onclick="menuHide();">
<script>
document.onmousewheel=function()
{
  status=event.wheelDelta;
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
<!--
.menuover { background-color: #FFeeee; border: 1px solid #FF0000; cursor: hand; }
.menuout { cursor: hand; }
td,a { color: #ff0000; font-size: 12px; font-family: 宋体; text-decoration: none }
-->
</style>
<script language=javascript>
var run=0;
var show=0;
function menuRow()
{
 show=1;
 run=1;
 menu.style.pixelTop-=1;
 if(menu.style.pixelTop>0)
  setTimeout('menuRow();','5');
 else
 run=0;
}
function menuShow()
{
 if(!run&&!show)
 {
 menu.style.visibility='visible';
  menup.style.visibility='visible';
 menu.style.pixelTop=200;
 menuRow();
 }
}
function menuHide()
{
 if(!run&&show)
 {
 menu.style.visibility='hidden';
  menup.style.visibility='hidden';
  show=0;
 }
}
</script>

 <div style="overflow: hidden; left:404px; top:30px; height:200px;
width:97px; z-index:1; position:absolute; visibility:hidden; border-left: 0px; border-right: 0px;

border-top: 0px solid; border-bottom: 1px solid #FF0000; " id=menup>
 <div bgcolor="#FFFFFF" id=menu align=center style="position: absolute; width: 97px; height:

200px; z-index: 1; left: 0px; top: 200px; overflow: hidden; visibility: hidden; background-image:

url('images/menu_bg.gif'); border: 1 solid #FF0000">
 <table width=93 cellpadding="0" cellspacing="4" style="position: relative; top: 1">
 <tr>
 <td valign="middle" align="center" height="20" class=menuout

onmouseover=this.className='menuover'; onmouseout=this.className='menuout';

onclick="location='aboutus'">网页陶吧</td>
 </tr>
 <tr>
 <td valign="middle" align="center" height="20" class=menuout

onmouseover=this.className='menuover'; onmouseout=this.className='menuout';

onclick="location='joinus'">网站制作</td>
 </tr>
 <tr>
 <td valign="middle" align="center" height="20" class=menuout

onmouseover=this.className='menuover'; onmouseout=this.className='menuout';

onclick="location='market'">网站推广</td>
 </tr>
 <tr>
 <td valign="middle" align="center" height="20" class=menuout

onmouseover=this.className='menuover'; onmouseout=this.className='menuout';

onclick="location='super'">网络赚钱</td>
 </tr>
 <tr>
 <td valign="middle" align="center" height="20" class=menuout

onmouseover=this.className='menuover'; onmouseout=this.className='menuout';

onclick="location='domain'">免费空间</td>
 </tr>
 <tr>
 <td valign="middle" align="center" height="20" class=menuout

onmouseover=this.className='menuover'; onmouseout=this.className='menuout';

onclick="location='host'">建站常识</td>
 </tr>
      <tr>
 <td valign="middle" align="center" height="20" class=menuout

onmouseover=this.className='menuover'; onmouseout=this.className='menuout';

onclick="location='service'">网页特效</td>
 </tr>
 <tr>
 <td valign="middle" align="center" height="20" class=menuout

onmouseover=this.className='menuover'; onmouseout=this.className='menuout';

onclick="location='cooperator'">网站优化</td>
 </tr>
 </table>
 </div>
 </div>
<a onclick="menuShow();" style="position: absolute; width: 97px; height: 200px; z-index: 1; left:

0px; top: 0px;cursor:hand; " alt=Menu>免费教程</a>

</body>
</html>



评论 】 【 推荐 】 【 打印
上一篇:让select控件可以自定义边框
下一篇:JS特效代码--一个很Cool的JS菜单效果
相关新闻       特效代码