织梦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实现连续不间断横向滚动图片的效果,代码如下:
-
- <div class="leftlist margintop">
- <div class="ptitle"><a href="#">图文资讯</a></div>
- <DIV id=brand align="center">
- <div style="width:898px; height:110px; border:1px solid #97DAF7; margin-top:5px;">
- <table width="898" height="110" border="0" cellspacing="0" cellpadding="0">
- <tr>
- <td>
-
- <style type="text/css">
- <!--
- .sjlm_home_table {line-height:20px;}
- .sjlm_home_table img {width:152px; height:84px; border:0px;}
- body {
- margin: 0px; font-size:12px;
- }
- a:link {
- color:#333333;
- text-decoration: none;
- }
- a:visited {
- text-decoration: none;
- color:#333333;
- }
- a:hover {
- text-decoration: underline;
- color:#ff3333;
- }
- a:active {
- text-decoration: none;
- color:#ff3333;
- }
- a {
- font-size: 12px;
- }
- -->
- </style>
- <table width="880" height="100" border="0" align="center" cellpadding="0" cellspacing="0">
- <tr>
- <td>
- <DIV id=demo style="OVERFLOW: hidden; WIDTH: 880px" align=center>
- <TABLE cellSpacing=0 cellPadding=0 width="880px" align=center border=0>
- <TBODY>
- <TR>
- <TD id=demo1 vAlign=top>
- <TABLE style="MARGIN-TOP: 0px" cellSpacing=0 cellPadding=0 width="880" align=center border=0>
- <TBODY>
- <TR vAlign=top>
- <TD>
- <table width="880" height="98" border="0" cellpadding="10" cellspacing="0" class="sjlm_home_table">
- <tr>
- <td>
- {dede:arclist row=8 titlelen=12 orderby=pubdate col=10 type='image' imgwidth='152' imgheight='98'}
- <table cellspacing=3 cellpadding=0 width="98%" border=0>
- <tbody>
- <tr>
- <td align=middle>[field:imglink/]</td></tr>
- <tr>
- <td align=middle>[field:textlink/]</td></tr></tbody></table>
- {/dede:arclist}
- </td>
- </tr>
-
- </table>
- </TD></TR></TBODY></TABLE></TD>
- <TD id=demo2 vAlign=top></TD></TR></TBODY></TABLE>
- </DIV>
- </td>
- </tr>
- </table>
- <SCRIPT>
- <!--
- var Picspeed=20;
- demo2.innerHTML=demo1.innerHTML
- function Marquee1()
- {
- if(demo2.offsetWidth-demo.scrollLeft<=0)
- demo.scrollLeft-=demo1.offsetWidth;
- else
- demo.scrollLeft++;
- }
- var MyMar1=setInterval(Marquee1,Picspeed)
- demo.onmouseover=function() {clearInterval(MyMar1)}
- demo.onmouseout=function() {MyMar1=setInterval(Marquee1,Picspeed)}
- -->
- </SCRIPT>
- </td>
- </tr>
- </table>
- </div>
- </DIV>
-
- </div>
-
-
(责任编辑:admin) |
------分隔线----------------------------