首页
网页特效库
网页特效库
导航菜单
按钮表单
背景特效
时间日期
图片特效
鼠标特效
文本操作
窗口页面
状态栏类
警告对话
综合应用
游戏娱乐
首页
>
特效
>
导航菜单
> 正文
鼠标触及带边框菜单
2009-11-23 导航菜单 159℃
<html> <head> <title>网页特效-鼠标触及带边框菜单</title> </head><body> <!--将以下代码加入HTML的<Body></Body>之间--> <style> .menulines{ border:1px solid white; } .menulines a{ text-decoration:none; color:red; } </style> <script language="JavaScript1.2"> function borderize(what,color){ what.style.borderColor=color } function borderize_on(e){ if (document.all) source3=event.srcElement else if (document.getElementById) source3=e.target if (source3.className=="menulines"){ borderize(source3,"black") } else{ while(source3.tagName!="TABLE"){ source3=document.getElementById? source3.parentNode : source3.parentElement if (source3.className=="menulines") borderize(source3,"black") } } } function borderize_off(e){ if (document.all) source4=event.srcElement else if (document.getElementById) source4=e.target if (source4.className=="menulines") borderize(source4,"white") else{ while(source4.tagName!="TABLE"){ source4=document.getElementById? source4.parentNode : source4.parentElement if (source4.className=="menulines") borderize(source4,"white") } } } </script> <table border="0" width="150" cellspacing="0" cellpadding="0" onMouseover="borderize_on(event)" onMouseout="borderize_off(event)" height="95"> <tr><td width="100%" bgcolor="#E6E6E6" height="13"><b><font size="2">导航菜单</font></b></td></tr> <tr><td width="100%" class="menulines" height="14"><a href="#"><font face="宋体" size="2">网页特效</font></a></td></tr> <tr><td width="100%" class="menulines" height="14"><a href="#"><font face="宋体" size="2">学习教程</font></a></td></tr> <tr><td width="100%" class="menulines" height="14"><a href="#"><font face="宋体" size="2">网页模版</font></a></td></tr> <tr><td width="100%" class="menulines" height="14"><a href="#"><font face="宋体" size="2">源码下载</font></a></td></tr> <tr><td width="100%" class="menulines" height="14"><a href="#"><font face="宋体" size="2">平面设计</font></a></td></tr> </table> </body></html> <</a>
相关特效代码
无相关信息
热门特效代码
三级竖向展开/收缩导航菜单
鼠标指向弹出菜单
jQuery 弹出菜单层
CSS二级下拉导航菜单
CSS做的垂直导航菜单效果
横向二级导航菜单
仿google首页下端图片文字动画导
导航链接菜单间隔闪烁
动态翻滚的导航条[酷比flash]
纯CSS的三级联动级联菜单
推荐特效代码
CSS+div+js组合强大实现超酷菜单
动态翻滚的导航条[酷比flash]
CSS横向下拉菜单
微软风格的CSS横向菜单
立体的CSS按钮菜单效果
左侧隐藏的菜单