跑马灯不间断循环(网站首页)

本文介绍了一种利用跑马灯效果在网站主页上循环展示精选产品的实现方式。通过不断滚动图片和产品链接来吸引访客注意,提高用户体验。
跑马灯不间断循环(网站首页)

<TABLE width="96%" border=0 align="center" cellPadding=0 cellSpacing=0>
        
<TBODY>
          
<TR>
            
<TD >
                                
<div id=demo style='overflow:hidden;height:135px;width:550px;'>

                
<TABLE cellSpacing=0 cellPadding=0 border=0>
                  
<TBODY>
                    
<TR>
                      
<TD id=demo1>
                      
                      
<TABLE cellSpacing=0 cellPadding=0 border=0>
                          
<TBODY>
                            
<TR>
                              
<%
set rs_news=server.createobject("adodb.recordset")
sqltext4
="select * from Product where Passed=True And Elite=True order by articleid desc"
rs_news.open sqltext4,conn,
1,1
if rs_news.eof then
response.Write(
"没有新产品上架!")
end if
%>
                              
<%i=0
do while not rs_news.eof
%>
                              
<TD width=139><TABLE cellSpacing=0 cellPadding=0 width=150 
                              
align=center border=0>
                                  
<TBODY>
                                    
<TR>
                                      
<TD><div align="center"><href=ArticleShow.asp?articleid=<% =rs_news("articleid") %> title="<%=rs_news("Title")%>"><img border=0 src="<%=rs_news("DefaultPicUrl")%>" width=72 height=96></a></div></TD>
                                    
</TR>
                                    
<TR>
                                      
<TD height=23><DIV align=center><href="ArticleShow.asp?ArticleID=<%=rs_news("articleid")%>" title="<%=rs_news("Title")%>"><%=cutstr(rs_news("Title"),8)%></a> </DIV></TD>
                                    
</TR>
                                  
</TBODY>
                              
</TABLE></TD>
                              
<%   rs_news.movenext
i
=i+1
if i=8 then exit do
loop
rs_news.close 
%>
                            
</TR>
                          
</TBODY>
                      
</TABLE>
                      
                      
</TD>
                      
<TD id=demo2></TD>
                       
                    
</TR>
                  
</TBODY>
                
</TABLE>
              
</div>
     
     
<script>
   
var speed=15
   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>
            
</TD>
          
</TR>
        
</TBODY>
      
</TABLE>
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值