More...

" />

宁波网站建设,宁波SEO,宁波网站优化,宁波网站推广,宁波网站设计

我们专注于研究网站SEO推广、网站设计制作,平发布最新技术文章。同时我们接受有偿的网站SEO、网站设计等服务与咨询,电话:13454796449 QQ:52707370

上一篇: 根本不存在DIV+CSS布局这回事 下一篇:贴走就能用的漂浮广告代码

向左滚动:


      <DIV id=mhmove style="OVERFLOW: hidden; WIDTH: 440px">
   <TABLE width="440" border=0 align=center cellPadding=0 cellspace="0">
        <TBODY>
        <TR>
          <TD width="440" vAlign=top id=mhmove1>
            <TABLE borderColor=#111111
             cellSpacing=0 borderColorDark=#c0c0c0 cellPadding=2
            width="98%" align=center borderColorLight=#c0c0c0 border=0>
              <TBODY>
              <TR align=middle>
             
                <%'数据库链接省略...
                '这里是从数据库读取产品图片来显示---------------------------------------------
        exce="select * from system2"
  Set fl = Server.CreateObject("ADODB.RecordSet")
  fl.Open exce,conn,1,1
  did=fl("w5")
               exce="select * from L_cp   order by xh asc"
               'exce="select * from L_cp where did="&did&"   order by time desc"
  Set rs8= Server.CreateObject("ADODB.RecordSet")
  rs8.Open exce,conn,1,1
  do while not rs8.eof
  i=i+1%> <TD>
    <table width="90"  border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td width="90"  background="img/index_cp.jpg"><table width="105"   border="0" cellpadding="0" cellspacing="0">
                       
      <tr>
                          <td width="90" ><div align="center"><a href="products.asp?id=<%=rs8("id")%>&fangda=yes"><img src="<%if len(rs8("img2"))>6 then%>wzgl/<%=rs8("img2")%><%else%>wzgl/bimg/null.jpg<%end if%>" alt="" name="tu" height=80 border="1"  style="border-color:#E8E8E8"></a></div></td>
                        </tr>
                     
                    </table></td>
                 
                  </tr>
                </table>
    </TD>   <%if i=8 then exit do
 rs8.movenext
      loop
      rs8.close
      set rs8=nothing
      %>
      <%'完毕---------------------------------------------------------------------------------------%>
          </TR></TBODY></TABLE></TD>
          <TD width="30" id=mhmove2></TD>
        </TR></TBODY></TABLE> </DIV>
      <SCRIPT>
   var speed=1   
   mhmove2.innerHTML=mhmove1.innerHTML
   function Marquee3(){
   if(mhmove2.offsetWidth-mhmove.scrollLeft<=0)
   mhmove.scrollLeft-=mhmove1.offsetWidth
   else{
   mhmove.scrollLeft++
   }
   }
   var MyMar2=setInterval(Marquee3,speed)
   mhmove.onmouseover=function() {clearInterval(MyMar2)}
   mhmove.onmouseout=function() {MyMar2=setInterval(Marquee3,speed)}
   </SCRIPT>


向上滚动:

 <DIV id=demo
            style="OVERFLOW: hidden; WIDTH: 260px; COLOR: #000000; HEIGHT: 130px">
            <DIV id=demo1>
            <TABLE height=83 cellSpacing=0 cellPadding=0 width=196 border=0>
              <TBODY>
              <TR>
                <TD background="">
                  <TABLE height=392 cellSpacing=0 cellPadding=0 width=192
                  border=0>
                    <TBODY>
     
       <%'数据库链接省略...
                '这里是从数据库读取产品图片来显示---------------------------------------------


  exce="select * from l_cp order by time desc"
  Set rsimg= Server.CreateObject("ADODB.RecordSet")
  rsimg.Open exce,conn,1,1
  do while not rsimg.eof
  iw=iw+1
  %>
      <TR>
                      <TD align=middle height=13><font color="#ffffff"><%=rsimg("mc")%></font></TD></TR><TR> 
                    <TR>
                      <TD align=middle height=83><a href="products.asp?id=<%=rsimg("id")%>&fangda=yes"><img src="wzgl/<%=rsimg("img2")%>" alt="" name="tu" width="130" height="166" border="0" ></a></TD></TR><TR>
           <TR>
                      <TD align=middle height=13></TD></TR><TR> 
      
      
      
      <%if iw=10 then exit do
      rsimg.movenext
      loop
      rsimg.close
      set rsimg=nothing
      %>
                 </TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
            <DIV id=demo2 ></DIV></DIV>
<SCRIPT>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</SCRIPT>

 

以上是滚动模型,使用时请修改相应代码!特别是asp代码<%%>部分,你可以去掉,将里面的代码复制几份即是静态滚动了!

点击这里获取该日志的TrackBack引用地址

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于本文

您正在阅读的是:文字图片滚动代码-无缝滚动
沐恩 发表于:2009-8-13 10:35:37
分类:WEB页面设计
关键词:网站设计  网站制作  网页设计  

博客作者

沐恩设计

最近发表

最新评论及回复

最近留言

控制面板

Search

网站分类

文章归档

图标汇集

  • RainbowSoft Studio Z-Blog
  • RainbowSoft Studio Z-Blog
  • 本站支持WAP访问
  • 订阅本站的 RSS 2.0 新闻聚合

Copyright MUEN.org.cn 宁波SEO网站制作.Rights Reserved.

Powered By Z-Blog 1.8 Arwen Build 90619 Code detection by Codefense Template Designed By Muen.org.cn