网页特效制作教程

特效预览区

代码复制区

<style> .iewrap1{ position:relative; height:30px; ; font-family: "宋体"; font-size: 9pt} .iewrap2{ position:absolute; ; font-family: "宋体"; font-size: 9pt} #dropmenu0, #dropmenu1{ visibility:hide; z-index:100;} #dropmenu0 { font-family: "宋体" ; font-size: 9pt} #dropmenu1 { font-family: "宋体" ; font-size: 9pt} </style> <script language="JavaScript"> var zindex=100 function dropit2(whichone){ if (window.themenu&&themenu.id!=whichone.id) themenu.style.visibility="hidden" themenu=whichone if (document.all){ themenu.style.left=document.body.scrollLeft+event.clientX-event.offsetX themenu.style.top=document.body.scrollTop+event.clientY-event.offsetY+18 if (themenu.style.visibility=="hidden"){ themenu.style.visibility="visible" themenu.style.zIndex=zindex++} else{ hidemenu()}}} function dropit(e,whichone){ if (window.themenu&&themenu.id!=eval(whichone).id) themenu.visibility="hide" themenu=eval(whichone) if (themenu.visibility=="hide") themenu.visibility="show" else themenu.visibility="hide" themenu.zIndex++ themenu.left=e.pageX-e.layerX themenu.top=e.pageY-e.layerY+19 return false} function hidemenu(whichone){ if (window.themenu) themenu.style.visibility="hidden"} function hidemenu2(){ themenu.visibility="hide"} if (document.all) document.onclick=hidemenu </script> <ilayer height=35px> <layer visibility=show> <span class=iewrap1> <span class=iewrap2 onClick="dropit2(dropmenu0);event.cancelBubble=true;return false"><font face=宋体><a href="#" onClick="if(document.layers) return dropit(event, 'document.dropmenu0')">[导航菜单]</a></font> </span> </span> </layer> </ilayer><br> <div id=dropmenu0 style="position:absolute;left:0;top:0;layer-background-color:#408080;background-color:#408080;visibility:hidden;border:1px solid black;padding:0px"> <script language="JavaScript"> var menu1=new Array() menu1[0]='<a href="rq003.htm"><font color="#ffcc00">常用文本时间</font></a><br>' menu1[1]='<a href="rq007.htm"><font color="#ffcc00">显示日期星期</font></a><br>' menu1[2]='<a href="rq021.htm"><font color="#ffcc00">网页背景时钟</font></a><br>' if (document.all) dropmenu0.style.padding="4px" for (i=0;i<menu1.length;i++) document.write(menu1[i]) </script>