| 网络学院 | 电脑入门 | 操作系统 | 办公软件 | 电脑DIY | 网页制作

专题 |

电脑入门 |

操作系统 |

办公软件 |

电脑DIY |

网页制作 |

等级考试 |

网络专栏 |

会员登陆 | 会员退出
会员注册 | 会员列表

当前位置：> 网络学院 > 阅读新闻

推荐几个入门级的JS特效代码

时间：2006-11-10 10:34:22

1、以事件驱动JavaScript 函数

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档</title> <script>  </script> </head> <body > <a href="http://homepage.yesky.htm" onmouseover="hello()"> 网页陶吧</a> </body> </html>

2、文本域显示内容,但不可修改

　　3、让select控件可以自定义边框

]　4、实现弹出菜单

<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>  </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>

　5、一个很Cool的JS菜单效果

　　6、下拉透明菜单

【】【大中小】【关闭】来源：铁通呼伦贝尔信息港

·上一条：有备而来，让Windows寻找文件不再迷茫 (11-10)
·下一条：致初学者：PHP比ASP优秀的七个理由 (11-10)