伊人国际自留地
欢迎来到伊人国际自留地，这里将收集我们在工作过程中发现的网页素材 特效代码 工作经验等
Index
Search
TagCloud
GuestBook
Admin
武汉网站建设
Jul
11
鼠标触发型导航菜单
网页特效
0 comments
<style type="text/css"> <!-- .ww1 {width:500px;background-color:#D1E7FC;border-top:1px solid #9EC9EC;border-left:1px solid #9EC9EC;} .ww1 td {border-right:1px solid #9EC9EC;border-bottom:1px solid #9EC9EC;height:28px;text-align:center;width:125px;font-size:12px;cursor:hand;} .ww1 td.s {border-bottom:1px solid #FFFFFF;font-weight:bold;background-color:#FFFFFF;} .ww2 {width:500px;border-right:1px solid #9EC9EC;border-top:none;border-left:1px solid #9EC9EC;border-bottom:1px solid #9EC9EC;font-size:12px;} .ww2 a:link {color:#00007f;text-decoration:none;} .ww2 a:visited {color:#800080;text-decoration:none;} .ww2 a:hover {color:#00007f;text-decoration:underline;} .ww2 a:active {color:#00007f;text-decoration:underline;} .dis {display:block} .undis {display:none} --> </style> <script> function getNames(obj,name,tij) { var p = document.getElementById(obj); var plist = p.getElementsByTagName(tij); var rlist = new Array(); for(i=0;i<plist.length;i++) { if(plist[i].getAttribute("name") == name) { rlist[rlist.length] = plist[i]; } } return rlist; } function butong_net(obj,name) { var p = obj.parentNode.getElementsByTagName("td"); var p1 = getNames(name,"f","div"); for(i=0;i<p1.length;i++) { if(obj==p[i]) { p[i].className = "s"; p1[i].className = "dis"; } else { p[i].className = ""; p1[i].className = "undis"; } } } </script> <table border="0" cellpadding="0" cellspacing="0" class="ww1"> <tr> <td class="s" onmouseover="butong_net(this,'butong_net1')">网页特效库</td> <td onmouseover="butong_net(this,'butong_net1')">网页工具库1</td> <td onmouseover="butong_net(this,'butong_net1')">网页工具库2</td> <td onmouseover="butong_net(this,'butong_net1')">网页工具库3</td> </tr> </table> <table border="0" cellpadding="0" cellspacing="0" class="ww2"> <tr> <td height="60" align="center"> <div id=butong_net1> <div class=dis name="f"> <a href="http://www.butong.net/background/index.htm" target="_blank">背景按钮特效</a> <a href="http://www.butong.net/navigation/index.htm" target="_blank">导航菜单特效</a> <a href="http://www.butong.net/img/index.htm" target="_blank">网页图片特效</a> <a href="http://www.butong.net/text/index.htm" target="_blank">网页文本特效</a> <a href="http://www.butong.net/other/index.htm" target="_blank">另类网页特效</a> </div> <div class=undis name="f"> <a href="http://www.butong.net/tool/html_edit.htm" target="_blank">在线html编辑器</a> <a href="http://www.butong.net/tool/css_edit/index.htm" target="_blank">在线CSS编辑器</a> <a href="http://www.butong.net/tool/web_yanse.htm" target="_blank">网页颜色选择器</a> <a href="http://www.butong.net/tool/gdtys.htm" target="_blank">滚动条颜色生成器</a> </div> <div class=undis name="f"> <a href="http://www.butong.net/tool/open.htm" target="_blank">弹出窗口生成器</a> <a href="http://www.butong.net/tool/ymxg.htm" target="_blank">页面过渡效果生成器</a> <a href="http://www.butong.net/tool/jiamijiemi.htm" target="_blank">网页加密解密工具</a> </div> <div class=undis name="f"> <a href="http://www.butong.net/tool/fjtzh.htm" target="_blank">文本繁简体转换工具</a> <a href="http://www.butong.net/tool/hzzpy.htm" target="_blank">汉字转换成拼音工具</a> <a href="http://www.butong.net/tool/wenzijiami.htm" target="_blank">文字加密解密工具</a> </div> </div> </td> </tr> </table>
提示：您可以先修改部分代码再运行
to "鼠标触发型导航菜单"
Leave a Reply
名称(*)
邮箱
网站链接
正文(*)(留言最长字数:1000)
记住我,下次回复时不用重新输入个人信息
网站分类
文章归档
友情链接
Powered By
Z-Blog
,
Theme
&
Icons
by
N.Design Studio
.
Entries RSS
Comments RSS
Login
Copyright 伊人国际自留地 Your blog.35lady.net Some Rights Reserved.
Recent Comments