您现在的位置: 设计龙 >> 网页设计 >> javascript >> 正文

图片左右滚动代码 连续无缝滚动代码

Author:佚名 Link:本站原创 Hits: Update:2008-5-6 17:34:46
天极网摘 ViVi收藏夹 365Key 和讯网摘 POCO网摘
 
 
                <div id=demo style="OVERFLOW: hidden; WIDTH: 278px; COLOR: #ffffff; HEIGHT: 180px">
<TABLE width="278" border=0 align=left cellPadding=0 cellspace="0">
<TBODY>
<TR>
<TD width="761" vAlign=top id=demo1>
<table width="278">
  <tr>
 
<!--s-->
<%set rs=server.createobject("adodb.recordset")
sql="select top 10 * from SW_article where channelid<>21 and channelid<>22 order by rnd(articleid) desc"
rs.open sql,conn,1,1
do while not rs.eof
%>
<td align="center"><table width="150" height="130" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CECECE">
              <tr>
                <td height="130" align="center" bgcolor="#F6FBFF" onMouseOver="this.style.backgroundColor='#FFF9E1'"  onmouseout="this.style.backgroundColor='#F6FBFF'" ><table width="150" height="130" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td align="center"><a href="www.sjlong.com/showinfo.asp?articleid=<%=rs("articleid")%>" target="_blank"><IMG height=120
                        src="images/128198078676718750.jpg" width=160
                        border=0></a></td>
                    </tr>
                    <tr>
                      <td align="center"><a href="showinfo.asp?articleid=<%=rs("articleid")%>" class="gold1" title="<%=rs("title")%>"><%=left(rs("title"),10)%></a></td>
                    </tr>
                </table></td>
              </tr>
            </table></td>
<%
i=i+1
rs.movenext
loop
%>
<!--e-->
</tr></table>
</TD>
<TD width="1" vAlign=top id=demo2></TD>
</TR></TBODY></TABLE>
</div>
 
 <SCRIPT>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
 </SCRIPT>
   
  • 上一篇文章:
  • 下一篇文章:
  • [回到标题] [回到顶部]
       相关文章