菜单导航集合
带项目描述的导航菜单(经典)
带项目描述的导航菜单(经典)
<!--驿站Jojoo.net/ts提供特效代码!
要完成此效果把如下代码加入到<body>区域中powered by 25175.net
-->
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var linktext=new Array()
linktext[0]='<table border="0" width="210" height="185" bgcolor="#FF9900" cellpadding="8" cellspacing="0"><tr><td valign="top"><font face="arial" size="4"><b>Try it out!</b></font></td></tr></table>'
linktext[1]='<table border="0" width="210" height="185" bgcolor="#D1FD80" cellpadding="8" cellspacing="0"><tr><td valign="top"><font face="arial" size="4"><b>Try it out!</b></font></td></tr></table>'
linktext[2]='<table border="0" width="210" height="185" bgcolor="#FDB9FD" cellpadding="8" cellspacing="0"><tr><td valign="top"><font face="arial" size="4"><b>Try it out!</b></font></td></tr></table>'
linktext[3]='<table border="0" width="210" height="185" bgcolor="#FFFF5E" cellpadding="8" cellspacing="0"><tr><td valign="top"><font face="arial" size="4"><b>Try it out!</b></font></td></tr></table>'
linktext[4]='<table border="0" width="210" height="185" bgcolor="#C2D7FC" cellpadding="8" cellspacing="0"><tr><td valign="top"><font face="arial" size="4"><b>Try it out!</b></font></td></tr></table>'
var ns6=document.getElementById&&!document.all
var ie=document.all
function show_text(thetext, whichdiv){
if (ie) eval("document.all."+whichdiv).innerHTML=linktext[thetext]
else if (ns6) document.getElementById(whichdiv).innerHTML=linktext[thetext] }
function reset(whichdiv){
if (ie) eval("document.all."+whichdiv).innerHTML='<table border="0" width="210" height="185" bgcolor="#F88530" cellpadding="0" cellspacing="8"><tr><td valign="top"><font face="arial" size="4"><b>鼠标移到左边各类目上看效果</b></font></td></tr></table>'
else if (ns6) document.getElementById(whichdiv).innerHTML='<table border="0" width="210" height="185" bgcolor="#F88530" cellpadding="8" cellspacing="0"><tr><td valign="top"><font face="arial" size="4"><b>鼠标移到左边各类目上看效果</b></font></td></tr></table>'}
// End -->
</script><p><table border="0" width="370" bgcolor="black" cellpadding="3" cellspacing="0" align="center">
<tr><td>
<table border="0" width="370" cellpadding="0" cellspacing="0">
<tr><td>
<table border="0" width="160" bgcolor="#F88530" cellpadding="8" cellspacing="0">
<tr>
<td onclick="window.location='#'" onmouseover="bgColor='#FF9900'; show_text(0,'div1')" onmouseout="bgColor='#F88530'; reset('div1')" style="cursor:pointer; cursor:hand"><font face="arial" size="4"><b>Try this link</b></font></td>
</tr>
<tr>
<td onclick="window.location='#'" onMouseover="bgColor='#D1FD80'; show_text(1,'div1')" onMouseout="bgColor='#F88530'; reset('div1')" style="cursor:pointer; cursor:hand"><font face="arial" size="4"><b>Try this link</b></font></td>
</tr>
<tr>
<td onclick="window.location='#'" onMouseover="bgColor='#FDB9FD'; show_text(2,'div1')" onMouseout="bgColor='#F88530'; reset('div1')" style="cursor:pointer; cursor:hand"><font face="arial" size="4"><b>Try this link</b></font></td>
</tr>
<tr>
<td onclick="window.location='#'" onMouseover="bgColor='#FFFF5E'; show_text(3,'div1')" onMouseout="bgColor='#F88530'; reset('div1')" style="cursor:pointer; cursor:hand"><font face="arial" size="4"><b>Try this link</b></font></td>
</tr>
<tr>
<td onclick="window.location='#'" onMouseover="bgColor='#C2D7FC'; show_text(4,'div1')" onMouseout="bgColor='#F88530'; reset('div1')" style="cursor:pointer; cursor:hand"><font face="arial" size="4"><b>Try this link</b></font></td>
</tr>
</table>
</td>
<td>
<span id="div1"><table border="0" width="210" height="185" bgcolor="#F88530" cellpadding="8" cellspacing="0"><tr><td valign="top"><font face="arial" size="4"><b>鼠标移到左边各类目上看效果</b></font></td></tr></table></span>
</td>
</tr>
</table>
</td>
</tr>
</table>
| 【内容导航】 | |
| 第1页:完全用CSS实现的中英文双语导航菜单(经典) | 第2页:商业风格的CSS垂直菜单 |
| 第3页:突起的导航栏效果[经典] | 第4页:点击显示的FAQ菜单效果[经典] |
| 第5页:一款DIV+CSS闪动导航条效果(经典) | 第6页:非常酷的CSS菜单效果B(经典) |
| 第7页:非常酷的CSS菜单效果A(经典) | 第8页:会旋转的菜单导航(经典) |
| 第9页:带项目描述的导航菜单(经典) | 第10页:聚合的导航菜单效果(经典) |
| 第11页:整合在IE中的导航条(经典) | 第12页:含下拉菜单的绿色导航条 |
| 第13页:关联菜单(连动菜单) | 第14页:可拖动的导航菜单 |
| 第15页:多级滚动菜单 | 第16页:微软导航菜单 |
| 第17页:鼠标移到文字上自动展开 | 第18页:点击渐显的导航菜单 |
| 第19页:随机网站推荐脚本 | 第20页:网站内快捷键导航 |
| 第21页:左侧导航菜单类似按钮 | 第22页:可移动的导航栏 |
| 第23页:页面顶部多级导航栏 | 第24页:浮动、隐藏的导航菜单 |
| 第25页:上下弹动的导航条 | 第26页:鼠标指向显示次级菜单 |
| 第27页:漂亮的仿flash菜单 | 第28页:滑动的层作菜单导航 |
| 第29页:精彩的跳动菜单效果 | 第30页:类似与QQ的好友/黑名单之类的树型菜单 |
| 第31页:定时改变标题栏的内容 | |
上一篇:状态栏特效集合
下一篇:弹出浏览器的版本信息
|
|
这个浮动导航栏效果如何? www.bj-pingan.cn
(YOYO
,10月23日 15:12
)
很好...
(as
,10月07日
)
晕
(ju
,08月05日
)
1212
(445465
,05月30日
)
