虫虫技术在线--技术决定出路

当前位置: 首页 > 网络 > 建站运营 > 建站技巧 >

织梦Dedecms:连续不间断横向滚动图片

时间:2010-03-22 23:04来源:虫虫技术在线收集整理 作者:虫虫编辑 点击:
织梦Dedecms实现连续不间断横向滚动图片的效果,代码如下: !--图文资讯-- div class = leftlistmargintop div class = ptitle a href = # 图文资讯 / a / div DIV id = brand align = center div style = width:898px;heigh

         织梦Dedecms实现连续不间断横向滚动图片的效果,代码如下:

  1. <!--图文资讯--> 
  2.    <div class="leftlist margintop"> 
  3.     <div class="ptitle"><a href="#">图文资讯</a></div> 
  4.    <DIV id=brand align="center"> 
  5. <div style="width:898px; height:110px; border:1px solid #97DAF7; margin-top:5px;"> 
  6. <table width="898" height="110" border="0" cellspacing="0" cellpadding="0"> 
  7. <tr> 
  8.     <td> 
  9.  
  10. <style type="text/css"> 
  11. <!--  
  12. .sjlm_home_table {line-height:20px;}  
  13. .sjlm_home_table img {width:152px; height:84px; border:0px;}  
  14. body {  
  15.     margin: 0px; font-size:12px;  
  16. }  
  17. a:link {  
  18.     color:#333333;  
  19.     text-decoration: none;  
  20. }  
  21. a:visited {  
  22.     text-decoration: none;  
  23.     color:#333333;  
  24. }  
  25. a:hover {  
  26.     text-decoration: underline;  
  27.     color:#ff3333;  
  28. }  
  29. a:active {  
  30.     text-decoration: none;  
  31.     color:#ff3333;  
  32. }  
  33. a {  
  34.     font-size: 12px;  
  35. }  
  36. --> 
  37. </style> 
  38. <table width="880" height="100" border="0" align="center" cellpadding="0" cellspacing="0"> 
  39. <tr> 
  40.     <td> 
  41.     <DIV id=demo style="OVERFLOW: hidden; WIDTH: 880px" align=center> 
  42.       <TABLE cellSpacing=0 cellPadding=0 width="880px" align=center border=0> 
  43.         <TBODY> 
  44.         <TR> 
  45.           <TD id=demo1 vAlign=top> 
  46.             <TABLE style="MARGIN-TOP: 0px" cellSpacing=0 cellPadding=0 width="880" align=center border=0> 
  47.               <TBODY> 
  48.               <TR vAlign=top> 
  49.                 <TD> 
  50.                 <table width="880" height="98" border="0" cellpadding="10" cellspacing="0" class="sjlm_home_table"> 
  51.                       <tr> 
  52. <td> 
  53. {dede:arclist row=8 titlelen=12 orderby=pubdate col=10 type='image' imgwidth='152' imgheight='98'}  
  54. <table cellspacing=3 cellpadding=0 width="98%" border=0> 
  55. <tbody> 
  56. <tr> 
  57. <td align=middle>[field:imglink/]</td></tr> 
  58. <tr> 
  59. <td align=middle>[field:textlink/]</td></tr></tbody></table> 
  60. {/dede:arclist}  
  61. </td>   
  62. </tr> 
  63.  
  64.                     </table> 
  65.                 </TD></TR></TBODY></TABLE></TD> 
  66.         <TD id=demo2 vAlign=top></TD></TR></TBODY></TABLE> 
  67.     </DIV> 
  68.     </td> 
  69. </tr> 
  70. </table> 
  71. <SCRIPT> 
  72. <!--  
  73. var Picspeed=20;  
  74. demo2.innerHTML=demo1.innerHTML  
  75. function Marquee1()  
  76. {  
  77. if(demo2.offsetWidth-demo.scrollLeft<=0)  
  78. demo.scrollLeft-=demo1.offsetWidth;  
  79. else  
  80. demo.scrollLeft++;  
  81. }  
  82. var MyMar1=setInterval(Marquee1,Picspeed)  
  83. demo.onmouseover=function() {clearInterval(MyMar1)}  
  84. demo.onmouseout=function() {MyMar1=setInterval(Marquee1,Picspeed)}  
  85. --> 
  86. </SCRIPT> 
  87.     </td> 
  88. </tr> 
  89. </table> 
  90. </div> 
  91. </DIV> 
  92.  
  93.    </div> 
  94.         <!--图文资讯结束--> 
  95.  

 

(责任编辑:admin)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
栏目列表
推荐内容