可翻阅上一条下一条的网站特效代码

版权：原创更新时间：1年以上

[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是可翻阅上一条下一条的网站特效代码的示例演示效果:

当前平台(PC电脑)

平台:

整屏预览

部分效果截图:

HTML代码(index.html):

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="JS代码,其他代码,JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为可翻阅上一条下一条的网站滚..." />
<title>可翻阅上一条下一条的网站滚...</title>
<style type="text/css">
<!--
td {font-size:12px}
.rollboder {BORDER: #bcbcbc 1px solid;}
.rollleft {FLOAT: left; WIDTH: 240px}
.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>
<div align="center" style="margin-top:200px;">
<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="#/lanren/vector/20070808/vector073615.shtml" target="_blank">矢量网页栏目标题</A></DIV>
      <DIV id=rollTextMenu2 style="DISPLAY: none"><STRONG>　本站动态：</STRONG> <A 
      href="#/lanren/vector/20070807/vector191317.shtml" target="_blank">矢量律动条+箭头</A></DIV>
      <DIV id=rollTextMenu3 style="DISPLAY: none"><STRONG>　本站动态：</STRONG> <A 
      href="#/lanren/vector/20070718/vector091158.shtml" target="_blank">2008年北京奥运会会徽矢量</A></DIV>
      <DIV id=rollTextMenu4 style="DISPLAY: none"><STRONG>　本站动态：</STRONG> <A 
      href="#/lanren/vector/20070717/vector083943.shtml" target="_blank">2008北京奥运福娃AI矢量图</A></DIV>
      <DIV id=rollTextMenu5 style="DISPLAY: none"><STRONG>　本站动态：</STRONG> <A 
      href="#/lanren/vector/20070613/vector175149.shtml" target="_blank">矢量AI格式的红色飘带</A></DIV>
      <DIV id=rollTextMenu6 style="DISPLAY: none"><STRONG>　本站动态：</STRONG> <A 
      href="#/lanren/vector/20070605/vector085346.shtml" target="_blank">45个AI格式火矢量图</A></DIV></DIV></TD>
    <TD class=rollcenter id=pageShow>3/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>
</div>
</body>
</html>

附件:下载该文件资源,减少时间成本(增值服务)