可翻阅上一条下一条的网站滚动新闻

本文介绍了一个使用HTML和JavaScript实现的矢量图资源滚动展示模块。该模块能够自动切换显示不同的矢量图资源链接,并配有简洁的导航按钮用于手动翻页。所有资源均指向中国站长网(chinaz.com),包括各类矢量图标、图案和设计元素。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  1. <styletype="text/css">
  2. <!--
  3. td{font-size:12px}
  4. .rollboder{BORDER:#bcbcbc1pxsolid;}
  5. .rollleft{FLOAT:left;WIDTH:240px}
  6. .rollleftSTRONG{COLOR:#666}
  7. .rollcenter{BORDER-RIGHT:#bcbcbc1pxsolid;BORDER-LEFT:#bcbcbc1pxsolid;WIDTH:30px;TEXT-ALIGN:center}
  8. .rollright{FLOAT:right;WIDTH:40px;TEXT-ALIGN:center}
  9. .rollrightIMG{VERTICAL-ALIGN:middle}
  10. -->
  11. </style>
  12. <body>
  13. <SCRIPTtype=text/javascript>
  14. <!--
  15. varrollText_k=6;//菜单总数
  16. varrollText_i=1;//菜单默认值
  17. //setFocus1(0);
  18. rollText_tt=setInterval("rollText(1)",8000);
  19. functionrollText(a){
  20. clearInterval(rollText_tt);
  21. rollText_tt=setInterval("rollText(1)",8000);
  22. rollText_i+=a;
  23. if(rollText_i>rollText_k){rollText_i=1;}
  24. if(rollText_i==0){rollText_i=rollText_k;}
  25. //alert(i)
  26. for(varj=1;j<=rollText_k;j++){
  27. document.getElementById("rollTextMenu"+j).style.display="none";
  28. }
  29. document.getElementById("rollTextMenu"+rollText_i).style.display="block";
  30. document.getElementById("pageShow").innerHTML=rollText_i+"/"+rollText_k;
  31. }
  32. //-->
  33. </SCRIPT>
  34. <TABLEheight="29"border="0"cellspacing="0"class=rollboder>
  35. <TBODY>
  36. <TR>
  37. <TDheight="22"class=rollleft>
  38. <DIVclass=rollTextMenus>
  39. <DIVid=rollTextMenu1style="DISPLAY:block"><STRONG> 本站动态:</STRONG><A
  40. href="http://www.chinaz.com"target="_blank">矢量网页栏目标题</A></DIV>
  41. <DIVid=rollTextMenu2style="DISPLAY:none"><STRONG> 本站动态:</STRONG><A
  42. href="http://www.chinaz.com"target="_blank">矢量律动条+箭头</A></DIV>
  43. <DIVid=rollTextMenu3style="DISPLAY:none"><STRONG> 本站动态:</STRONG><A
  44. href="http://www.chinaz.com"target="_blank">2008年北京奥运会会徽矢量</A></DIV>
  45. <DIVid=rollTextMenu4style="DISPLAY:none"><STRONG> 本站动态:</STRONG><A
  46. href="http://www.chinaz.com"target="_blank">2008北京奥运福娃AI矢量图</A></DIV>
  47. <DIVid=rollTextMenu5style="DISPLAY:none"><STRONG> 本站动态:</STRONG><A
  48. href="http://www.chinaz.com"target="_blank">矢量AI格式的红色飘带</A></DIV>
  49. <DIVid=rollTextMenu6style="DISPLAY:none"><STRONG> 本站动态:</STRONG><A
  50. href="http://www.chinaz.com"target="_blank">45个AI格式火矢量图</A></DIV></DIV></TD>
  51. <TDclass=rollcenterid=pageShow>3/6</TD>
  52. <TDclass=rollright><Atitle=上一条href="javascript:rollText(-1);"><IMGsrc="images/last.gif"
  53. alt=上一条width="11"height="11"border="0"></A><Atitle=下一条href="javascript:rollText(1);"><IMGsrc="images/next.gif"
  54. alt=下一条width="11"height="11"border="0"></A></TD>
  55. </TR></TBODY></TABLE>
  56. </div>

http://www.corange.cn//uploadfiles/1018_65299.jpg

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值