无刷新滑动门
- 作者：佚名 来源：互联网 文章点击数：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无心人网络网页特效演示，无刷新滑动门</title>
<STYLE type=text/css>.sec1 {
BORDER-RIGHT: gray 1px solid; BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #FF99CC
}
.sec2 {
BORDER-RIGHT: gray 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: #000000; BACKGROUND-COLOR: #FFE1F5
}
.main_tab {
BORDER-RIGHT: gray 1px solid; BORDER-LEFT: #ffffff 1px solid; COLOR: #000000; BORDER-BOTTOM: gray 1px solid; BACKGROUND-COLOR: #FFE1F5
}
</STYLE>
<!--Javascript部分-->
<script language=javascript>
function secBoard(n)
{
for(i=0;i<secTable.cells.length;i++)
secTable.cells[i].className="sec1";
secTable.cells[n].className="sec2";
for(i=0;i<mainTable.tBodies.length;i++)
mainTable.tBodies[i].style.display="none";
mainTable.tBodies[n].style.display="block";
}
</script>
</head>
<body>
<TABLE id=secTable cellSpacing=0 cellPadding=0 width=300 border=0 class="css3">
<TBODY>
<TR align=middle height=20>
<TD class=sec2 onclick=secBoard(0) width="10%">关于本站</TD>
<TD class=sec1 onclick=secBoard(1) width="10%">返回首页</TD>
<TD class=sec1 onclick=secBoard(2) width="10%">返回目录</TD>
<TD class=sec1 onclick=secBoard(3)
width="10%">赏心悦目</TD>
</TR></TBODY></TABLE>
<TABLE class=main_tab id=mainTable height=180 cellSpacing=0
cellPadding=0 width=300 border=0>
<!--关于TBODY标记-->
<TBODY style="DISPLAY: block">
<TR>
<TD vAlign=top align=middle><BR><BR>
<TABLE cellSpacing=0 cellPadding=0 width=291 border=0>
<TBODY>
<TR>
<TD class="css3">本网站是为广大的网页设计者服务的网站。网站收集了大量的网页素材、JSP编程、图形特效、JavaST特效和网页制作工具的使用方法。 另外，网站还收集了一些精美的图片和音乐供你欣赏<font size="2"><font color="#000000">。<BR>
<BR>
</TD>
</TR>
</TBODY>
</TABLE>
</TD></TR></TBODY><!--关于cells集合-->
<TBODY style="DISPLAY: none">
<TR>
<TD vAlign=top align=middle><BR><BR>
<TABLE cellSpacing=0 cellPadding=0 width=291 border=0>
<TBODY>
<TR>
<TD class="css3">
<p>去首页看看微风吹拂，竹叶轻摇的特效。</p>
<p><a href="#">返回首页</a><BR>
<BR>
</p>
</TD>
</TR>
</TBODY>
</TABLE>
</TD></TR></TBODY><!--关于tBodies集合-->
<TBODY style="DISPLAY: none">
<TR>
<TD vAlign=top align=middle><BR><BR>
<TABLE cellSpacing=0 cellPadding=0 width=291 border=0>
<TBODY>
<TR>
<TD class="css3">
<p>本页从上千个网页特效中精选了300多个实用的网页特效。对每个特效我们都做了严格的测试，相信一定能对你的网页制作起到一定作用。</p>
<p><a href="#">返回目录</a><BR>
<BR>
</p>
</TD>
</TR>
</TBODY>
</TABLE>
</TD></TR></TBODY><!--关于display属性-->
<TBODY style="DISPLAY: none">
<TR>
<TD vAlign=top align=middle><BR><BR>
<table cellspacing=0 cellpadding=0 width=291 border=0>
<tbody>
<tr>
<td class="css3">你浏览本网站辛苦了，休息一会，去到本站的赏心悦目找个美眉让她看看你。<a href="#">赏心悦目</a>
<img src="" width="110" height="91" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)">
</td>
</tr>
</tbody>
</table>
</TD>
</TR></TBODY></TABLE>
</body>
</html>
<a href="http://www.noheart.net">欢迎访问无心人网络网页特效集</a>
- 上一篇：暴强的下拉菜单
- 下一篇：非常酷的可拖动显隐导航菜单
- 相关文章
| ·Web应用常见代码：背投广告 | 06-28 |
| ·一个简单的实现缓冲动画效果 | 06-21 |
| ·仿taobao商品查询展示效果 | 06-18 |
| ·用css在IE6下实现最小宽度(min-width) | 06-17 |
| ·挺酷的漂浮代码 | 06-16 |
| ·仿土豆视频滚动菜单(带缓动效果) | 06-12 |
| ·来自腾讯搜搜问问的经典图文轮换效果 | 06-10 |
| ·点击文字让层移动的菜单 | 05-27 |
