凹丫丫网络社区's Archiver

Amm 发表于 2008-5-16 13:06

鼠标触发型导航菜单,推荐!

<P>把如下代码复制到&lt;head&gt;与&lt;/head&gt;之间</P>
<P>&lt;style type="text/css"&gt;<BR>&lt;!--<BR>.ww1 {width:500px;background-color:#D1E7FC;border-top:1px solid #9EC9EC;border-left:1px solid #9EC9EC;}<BR>.ww1 td {border-right:1px solid #9EC9EC;border-bottom:1px solid #9EC9EC;height:28px;text-align:center;width:125px;font-size:12px;cursor:hand;}<BR>.ww1 td.s {border-bottom:1px solid #FFFFFF;font-weight:bold;background-color:#FFFFFF;}<BR>.ww2 {width:500px;border-right:1px solid #9EC9EC;border-top:none;border-left:1px solid #9EC9EC;border-bottom:1px solid #9EC9EC;font-size:12px;}<BR>.ww2 a:link {color:#00007f;text-decoration:none;}<BR>.ww2 a:visited {color:#800080;text-decoration:none;}<BR>.ww2 a:hover {color:#00007f;text-decoration:underline;}<BR>.ww2 a:active {color:#00007f;text-decoration:underline;}<BR>.dis {display:block}<BR>.undis {display:none}<BR>--&gt;<BR>&lt;/style&gt;<BR>&lt;script&gt;<BR>&nbsp;function getNames(obj,name,tij)<BR>&nbsp;{&nbsp;<BR>&nbsp;&nbsp;var p = document.getElementById(obj);<BR>&nbsp;&nbsp;var plist = p.getElementsByTagName(tij);<BR>&nbsp;&nbsp;var rlist = new Array();<BR>&nbsp;&nbsp;for(i=0;i&lt;plist.length;i++)<BR>&nbsp;&nbsp;{<BR>&nbsp;&nbsp;&nbsp;if(plist[i].getAttribute("name") == name)<BR>&nbsp;&nbsp;&nbsp;{<BR>&nbsp;&nbsp;&nbsp;&nbsp;rlist[rlist.length] = plist[i];<BR>&nbsp;&nbsp;&nbsp;}<BR>&nbsp;&nbsp;}<BR>&nbsp;&nbsp;return rlist;<BR>&nbsp;}</P>
<P>&nbsp;&nbsp;function butong_net(obj,name)<BR>&nbsp;&nbsp;{<BR>&nbsp;&nbsp;&nbsp;var p = obj.parentNode.getElementsByTagName("td");<BR>&nbsp;&nbsp;&nbsp;var p1 = getNames(name,"f","div");<BR>&nbsp;&nbsp;&nbsp;for(i=0;i&lt;p1.length;i++)<BR>&nbsp;&nbsp;&nbsp;{<BR>&nbsp;&nbsp;&nbsp;&nbsp;if(obj==p[i])<BR>&nbsp;&nbsp;&nbsp;&nbsp;{<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;p[i].className = "s";<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;p1[i].className = "dis";<BR>&nbsp;&nbsp;&nbsp;&nbsp;}<BR>&nbsp;&nbsp;&nbsp;&nbsp;else<BR>&nbsp;&nbsp;&nbsp;&nbsp;{<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;p[i].className = "";<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;p1[i].className = "undis";<BR>&nbsp;&nbsp;&nbsp;&nbsp;}<BR>&nbsp;&nbsp;&nbsp;}<BR>&nbsp;&nbsp;}<BR>&lt;/script&gt;</P>
<P>把如下代码复制到&lt;body&gt;与&lt;/body&gt;之间</P>
<P>&lt;table border="0" cellpadding="0" cellspacing="0" class="ww1"&gt;<BR>&nbsp;&lt;tr&gt;<BR>&nbsp;&nbsp; &lt;td class="s" onmouseover="butong_net(this,'butong_net1')"&gt;网页特效库&lt;/td&gt;<BR>&nbsp;&nbsp; &lt;td onmouseover="butong_net(this,'butong_net1')"&gt;网页工具库1&lt;/td&gt;<BR>&nbsp;&nbsp; &lt;td onmouseover="butong_net(this,'butong_net1')"&gt;网页工具库2&lt;/td&gt;<BR>&nbsp;&nbsp; &lt;td onmouseover="butong_net(this,'butong_net1')"&gt;网页工具库3&lt;/td&gt;<BR>&nbsp;&lt;/tr&gt;<BR>&lt;/table&gt;<BR>&lt;table border="0" cellpadding="0" cellspacing="0" class="ww2"&gt;<BR>&nbsp;&lt;tr&gt;<BR>&nbsp;&nbsp; &lt;td height="60" align="center"&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp; &lt;div id=butong_net1&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class=dis name="f"&gt;<BR>&nbsp;&nbsp;&nbsp; &lt;a href="<A href="http://www.butong.net/background/index.htm">http://www.butong.net/background/index.htm</A>" target="_blank"&gt;背景按钮特效&lt;/a&gt;&nbsp;&nbsp;&nbsp; &lt;a href="<A href="http://www.butong.net/navigation/index.htm">http://www.butong.net/navigation/index.htm</A>" target="_blank"&gt;导航菜单特效&lt;/a&gt;&nbsp;&nbsp;&nbsp; &lt;a href="<A href="http://www.butong.net/img/index.htm">http://www.butong.net/img/index.htm</A>" target="_blank"&gt;网页图片特效&lt;/a&gt;&nbsp;&nbsp;&nbsp; &lt;a href="<A href="http://www.butong.net/text/index.htm">http://www.butong.net/text/index.htm</A>" target="_blank"&gt;网页文本特效&lt;/a&gt;&nbsp;&nbsp;&nbsp; &lt;a href="<A href="http://www.butong.net/other/index.htm">http://www.butong.net/other/index.htm</A>" target="_blank"&gt;另类网页特效&lt;/a&gt;<BR>&nbsp;&nbsp; &lt;/div&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class=undis name="f"&gt;<BR>&nbsp;&nbsp;&nbsp; &lt;a href="<A href="http://www.butong.net/tool/html_edit.htm">http://www.butong.net/tool/html_edit.htm</A>" target="_blank"&gt;在线html编辑器&lt;/a&gt;&nbsp;&nbsp;&nbsp; &lt;a href="<A href="http://www.butong.net/tool/css_edit/index.htm">http://www.butong.net/tool/css_edit/index.htm</A>" target="_blank"&gt;在线CSS编辑器&lt;/a&gt;&nbsp;&nbsp;&nbsp; &lt;a href="<A href="http://www.butong.net/tool/web_yanse.htm">http://www.butong.net/tool/web_yanse.htm</A>" target="_blank"&gt;网页颜色选择器&lt;/a&gt;&nbsp;&nbsp;&nbsp; &lt;a href="<A href="http://www.butong.net/tool/gdtys.htm">http://www.butong.net/tool/gdtys.htm</A>" target="_blank"&gt;滚动条颜色生成器&lt;/a&gt;<BR>&nbsp;&nbsp; &lt;/div&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class=undis name="f"&gt;<BR>&nbsp;&nbsp;&nbsp; &lt;a href="<A href="http://www.butong.net/tool/open.htm">http://www.butong.net/tool/open.htm</A>" target="_blank"&gt;弹出窗口生成器&lt;/a&gt;&nbsp;&nbsp;&nbsp; &lt;a href="<A href="http://www.butong.net/tool/ymxg.htm">http://www.butong.net/tool/ymxg.htm</A>" target="_blank"&gt;页面过渡效果生成器&lt;/a&gt;&nbsp;&nbsp;&nbsp; &lt;a href="<A href="http://www.butong.net/tool/jiamijiemi.htm">http://www.butong.net/tool/jiamijiemi.htm</A>" target="_blank"&gt;网页加密解密工具&lt;/a&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class=undis name="f"&gt;<BR>&nbsp;&nbsp;&nbsp; &lt;a href="<A href="http://www.butong.net/tool/fjtzh.htm">http://www.butong.net/tool/fjtzh.htm</A>" target="_blank"&gt;文本繁简体转换工具&lt;/a&gt;&nbsp;&nbsp;&nbsp; &lt;a href="<A href="http://www.butong.net/tool/hzzpy.htm">http://www.butong.net/tool/hzzpy.htm</A>" target="_blank"&gt;汉字转换成拼音工具&lt;/a&gt;&nbsp;&nbsp;&nbsp; &lt;a href="<A href="http://www.butong.net/tool/wenzijiami.htm">http://www.butong.net/tool/wenzijiami.htm</A>" target="_blank"&gt;文字加密解密工具&lt;/a&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;<BR>&nbsp;&nbsp; &lt;/td&gt;<BR>&nbsp;&lt;/tr&gt;<BR>&lt;/table&gt;<BR></P>

nieyg 发表于 2008-11-1 15:10

运行有错误码

kmlxzbq 发表于 2008-11-12 13:13

可以注解一下吗

页: [1]

Powered by Discuz! Archiver 7.0.0  © 2001-2007 Comsenz Inc.