网站公告 :
先有卞和慧眼识玉,
才有璞玉磨石成壁。
茶心苦涩遇水甘甜,
网络青阁知己而乐。
建站代码之浮在页面上的导航特效代码:
<html> <head> <title>网页特效|Linkweb.cn/Js|---浮在页面上的导航菜单</title> <meta content="text/html; charset=gb2312" http-equiv="Content-Type"> </head> <body onload="setVariables();checkLocation()"> <div align="center"><center> <table border="0" borderlight="green" width="411" height="299"> <TBODY> <tr> </tr> <tr> </tr> <center> <tr> <td align="middle" width="379" height="16"></td> <td align="middle" width="360" height="16"><script language="JavaScript"> function setVariables() { if (navigator.appName == "Netscape") { v=".top="; dS="document."; sD=""; y="window.pageYOffset"; } else { v=".pixelTop="; dS=""; sD=".style"; y="document.body.scrollTop"; } } function checkLocation() { object="object1"; yy=eval(y); eval(dS+object+sD+v+yy); setTimeout("checkLocation()",10); } </script> <div id="object1" style="left: -24; position: absolute; top: 94; z-index: 5; width: 221; height: 293"><table border="0" cellPadding="0" cellSpacing="20" width="184"> <TBODY> <tr> <td width="190" bgcolor="#FFCCFF"><p align="center">本站说明 </td> </tr> <tr> <td bgColor="#FFCCFF" width="190"> <p align="center">站点浏览</td> </tr> <tr> <td bgColor="#FFCCFF" width="190"> <p align="center">精彩图片</td> </tr> <tr> <td bgColor="#FFCCFF" width="190"> <p align="center">友情链接</td> </tr> <tr> <td width="190" bgcolor="#FFCCFF"> <p align="center">音乐视听</td> </tr> </TBODY> </table> </div></td> </tr> </TBODY> </table> </center></div> <p align="center"> <script language="JavaScript"> <!-- hide function goHist(a) { history.go(a); } //--> </script> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> <p align="center"> </p> </body> </html>
效果:
效果请点预览观看
炫彩变色菜单导航特效代码
<html> <head> <style> /* 先把这个 xmenu 的样式放到css里 */ .xmenu td{font-size:12px;font-family:verdana,arial;font-weight:bolder;color:#ffffff;border:1px solid #336699;background:#336699;filter:blendtrans(duration=0.5);cursor:hand;text-align:center;} </style> <script> /* more javascript from http://www.smallrain.net 这是把事件动作绑定到菜单上的函数 */ function attachXMenu(objid){ var tds=objid.getElementsByTagName(td); for(var i=0;i<tds.length;i++){ with(tds[i]){ onmouseover=function(){ with(this){ filters[0].apply(); style.background=#FEBD20; //这是鼠标移上去时的背景颜色 style.border=1px solid #ffffff; //边框 style.color=black; //文字颜色 filters[0].play(); } } onmouseout=function(){ with(this){ filters[0].apply(); style.background=#336699; //这是鼠标离开时的背景颜色 style.border=1px solid #336699; //边框 style.color=#ffffff; //文字颜色 filters[0].play(); } } } } } </script> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>网页特效|Linkweb.cn/Js|---炫彩变色菜单</title> </head> <body> <!--菜单从这里开始, 注意要把class设置成和css里相同的, 还要为它设一个id--> <table class="xmenu" id="xmenu0" width="500" cellpadding="1" cellspacing="4" border="0" bgcolor="#00000" align="center"> <tr> <td>网页特效</td> <td>插件下载</td> <td>网络学院</td> <td>下载基地</td> <td>网站联盟</td> <td>网站建设</td> </tr> </table> <script>attachXMenu(xmenu0); //在上面这个table结束的地方执行事件动作的绑定, 这里的这个xmenu0就是那个table的id</script> </body> </html>
本站源码和一些文章收集于互联网如有侵权或其它问题请及时联系我们,以便及时处理!
张永庆的空间版权所有 copyright 2009-07-20
( http://www.qgcxjs.com)
All rights reserved 苏ICP备13013770号
苏公网安备 32083002000040号
返回首页 | 源码分享 | 创业经验 |php源码 | asp源码 | 建站代码 | 建站技巧 | 免费祝福