用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - html代码库

滚动新闻(自动滚动 可翻阅 上一条 下一条)

2013-01-14 作者: 小蜜锋举报

[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>

[代码运行效果截图]


滚动新闻(自动滚动 可翻阅 上一条 下一条)

[源代码打包下载]




网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...