| 项目搜索 |
| |
|
代码片段库:
查看代码片段
浏览
| 提交新的代码片段
| 创建代码包
点击展开菜单
|
类型:
Full Script |
类别:
HTML Manipulation
|
许可证:
GNU General Public License |
语言:
JavaScript
|
描述:
点击一个图片后会在特定地方展开一个文字导航,非常实用 来源:http://www.baron.com.cn 1.0
|
该代码片段的版本系列:
片段ID |
下载版本 |
提交时间 |
提交人 |
删除 |
4796 | 1.0 | 2003-10-24 04:31 | cbd001 | |
点击"下载版本"来下载该代码片段.
最新版本的代码片段: 1.0
脚本说明:
第一步:把如下代码加入<body>区域中:
<STYLE>.menuover {
BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; BORDER-LEFT: #ff0000 1px solid; CURSOR: hand; BORDER-BOTTOM: #ff0000 1px solid; BACKGROUND-COLOR: #ffeeee
}
.menuout {
CURSOR: hand
}
TD {
FONT-SIZE: 12px; COLOR: #ff0000; FONT-FAMILY: 宋体; TEXT-DECORATION: none
}
A {
FONT-SIZE: 12px; COLOR: #ff0000; FONT-FAMILY: 宋体; TEXT-DECORATION: none
}
</STYLE>
<SCRIPT language=javascript>
var run=0;
var show=0;
function menuRow()
{
show=1;
run=1;
menu.style.pixelTop-=5;
if(menu.style.pixelTop>0)
setTimeout('menuRow();','5');
else
run=0;
}
function menuShow()
{
if(!run&&!show)
{
menu.style.visibility='visible';
menup.style.visibility='visible';
menu.style.pixelTop=200;
menuRow();
}
}
function menuHide()
{
if(!run&&show)
{
menu.style.visibility='hidden';
menup.style.visibility='hidden';
show=0;
}
}
</SCRIPT>
<DIV
style="Z-INDEX: 1; VISIBILITY: visible; OVERFLOW: visible; WIDTH: 0px; POSITION: absolute; HEIGHT: 0px">
<DIV id=menup
style="BORDER-RIGHT: 0px; BORDER-TOP: 0px solid; Z-INDEX: 1; LEFT: 404px; VISIBILITY: hidden; OVERFLOW: hidden; BORDER-LEFT: 0px; WIDTH: 97px; BORDER-BOTTOM: #ff0000 1px solid; POSITION: absolute; TOP: 30px; HEIGHT: 200px">
<DIV id=menu
style="BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; Z-INDEX: 1; LEFT: 0px; BACKGROUND-IMAGE: url(images/menu_bg.gif); VISIBILITY: hidden; OVERFLOW: hidden; BORDER-LEFT: #ff0000 1px solid; WIDTH: 97px; BORDER-BOTTOM: #ff0000 1px solid; POSITION: absolute; TOP: 200px; HEIGHT: 200px"
align=center bgcolor="#FFFFFF">
<TABLE style="POSITION: relative; TOP: 1px" cellSpacing=4
cellPadding=0 width=93>
<TBODY>
<TR>
<TD class=menuout onmouseover="this.className='menuover';"
onclick="location='aboutus'"
onmouseout="this.className='menuout';" vAlign=center
align=middle height=20>关 于 我 们</TD></TR>
<TR>
<TD class=menuout onmouseover="this.className='menuover';"
onclick="location='joinus'"
onmouseout="this.className='menuout';" vAlign=center
align=middle height=20>加 入 我 们</TD></TR>
<TR>
<TD class=menuout onmouseover="this.className='menuover';"
onclick="location='market'"
onmouseout="this.className='menuout';" vAlign=center
align=middle height=20>交 易 市 场</TD></TR>
<TR>
<TD class=menuout onmouseover="this.className='menuover';"
onclick="location='super'"
onmouseout="this.className='menuout';" vAlign=center
align=middle height=20>网 页 超 市</TD></TR>
<TR>
<TD class=menuout onmouseover="this.className='menuover';"
onclick="location='domain'"
onmouseout="this.className='menuout';" vAlign=center
align=middle height=20>域 名 注 册</TD></TR>
<TR>
<TD class=menuout onmouseover="this.className='menuover';"
onclick="location='host'" onmouseout="this.className='menuout';"
vAlign=center align=middle height=20>虚 拟 主 机</TD></TR>
<TR>
<TD class=menuout onmouseover="this.className='menuover';"
onclick="location='service'"
onmouseout="this.className='menuout';" vAlign=center
align=middle height=20>服 务 中 心</TD></TR>
<TR>
<TD class=menuout onmouseover="this.className='menuover';"
onclick="location='cooperator'"
onmouseout="this.className='menuout';" vAlign=center
align=middle height=20>合 作 伙
伴</TD></TR></TBODY></TABLE></DIV></DIV></DIV>
<IMG style="CURSOR: hand"
onclick=menuShow(); height=32 alt=Menu src="home_menu.gif"
width=104 border=0>
第二步:把<body>中的内容改为:
<body bgcolor="#fef4d9" onclick=menuHide();>
如果您修改了一个代码片段并且觉得很应该让别人共享,您可以把这作为这个代码片段的最新版本提交上来. |
|