[html]代码库
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>滚动新闻(自动滚动 可翻阅 上一条 下一条)</title>
<style type="text/css">
<!--
td {
font-size:12px
}
.rollboder {
BORDER: #bcbcbc 1px solid;
}
.rollleft {
FLOAT: left;
WIDTH: 450px
}
.rollleft STRONG {
COLOR: #666
}
.rollcenter {
BORDER-RIGHT: #bcbcbc 1px solid;
BORDER-LEFT: #bcbcbc 1px solid;
WIDTH: 30px;
TEXT-ALIGN: center
}
.rollright {
FLOAT: right;
WIDTH: 40px;
TEXT-ALIGN: center
}
.rollright IMG {
VERTICAL-ALIGN: middle
}
-->
</style>
</head>
<body>
<SCRIPT type=text/javascript>
<!--
var rollText_k=6; //菜单总数
var rollText_i=1; //菜单默认值
//setFocus1(0);
rollText_tt=setInterval("rollText(1)",8000);
function rollText(a){
clearInterval(rollText_tt);
rollText_tt=setInterval("rollText(1)",8000);
rollText_i+=a;
if (rollText_i>rollText_k){rollText_i=1;}
if (rollText_i==0){rollText_i=rollText_k;}
//alert(i)
for (var j=1; j<=rollText_k; j++){
document.getElementById("rollTextMenu"+j).style.display="none";
}
document.getElementById("rollTextMenu"+rollText_i).style.display="block";
document.getElementById("pageShow").innerHTML = rollText_i+"/"+rollText_k;
}
//-->
</SCRIPT>
<TABLE height="29" border="0" cellspacing="0" class=rollboder>
<TBODY>
<TR>
<TD height="22" class=rollleft><DIV class=rollTextMenus>
<DIV id=rollTextMenu1 style="DISPLAY: block"><STRONG> 本站动态:</STRONG> <A
href="http://yuncode.net/article/a_50e6c9e3ea7048" target="_blank">广东海洋大学体育馆管理系统 开发日记(1)——愿景分析</A></DIV>
<DIV id=rollTextMenu2 style="DISPLAY: none"><STRONG> 本站动态:</STRONG> <A
href="http://yuncode.net/article/a_50e6d27b2917c78" target="_blank">广东海洋大学体育馆管理系统 开发日记(2)——角色模型</A></DIV>
<DIV id=rollTextMenu3 style="DISPLAY: none"><STRONG> 本站动态:</STRONG> <A
href="http://yuncode.net/article/a_50e6df359f8ab35" target="_blank">广东海洋大学体育馆管理系统 开发日记(3)——需求规格说明</A></DIV>
<DIV id=rollTextMenu4 style="DISPLAY: none"><STRONG> 本站动态:</STRONG> <A
href="http://yuncode.net/article/a_50e6e2df6246393" target="_blank">广东海洋大学体育馆管理系统 开发日记(4)——系统原型</A></DIV>
<DIV id=rollTextMenu5 style="DISPLAY: none"><STRONG> 本站动态:</STRONG> <A
href="http://yuncode.net/article/a_50e799dd1c62165" target="_blank">广东海洋大学体育馆管理系统 开发日记(5)——用例规约</A></DIV>
<DIV id=rollTextMenu6 style="DISPLAY: none"><STRONG> 本站动态:</STRONG> <A
href="http://yuncode.net/article/a_50eb7ad7a541836" target="_blank">广东海洋大学体育馆管理系统 开发日记(6)——CRC+域模型</A></DIV>
</DIV></TD>
<TD class=rollcenter id=pageShow>1/6</TD>
<TD class=rollright><A title=上一条 href="javascript:rollText(-1);"><IMG src="images/last.gif"
alt=上一条 width="11" height="11" border="0"></A> <A title=下一条 href="javascript:rollText(1);"><IMG src="images/next.gif"
alt=下一条 width="11" height="11" border="0"></A></TD>
</TR>
</TBODY>
</TABLE>
<br>
<br>
</body>
</html>
[代码运行效果截图]
[源代码打包下载]