以文本方式查看主题

-  智睿软件_技术交流论坛  (http://zhirui.net/bbs/index.asp)
--  Web程序开发  (http://zhirui.net/bbs/list.asp?boardid=22)
----  网页HTML 图片滚动代码  (http://zhirui.net/bbs/dispbbs.asp?boardid=22&id=286)
--  作者：zhirui
--  发布时间：2010-03-09 12:39:42
--  网页HTML 图片滚动代码
<!--图片滚动代码开始-->
<div id=demo style="BACKGROUND: #ffffff; OVERFLOW: hidden; WIDTH: 551px; COLOR: #ffffff; HEIGHT: 138px">
         <table cellPadding=0 align=center border=0 cellspace="0">
           <tr>
             <td id=demo1 vAlign=top>
          <img border="0" height="80" src="/edit/UploadFile/200642610592911.gif" width="105" alt="杜子电脑学习网图片"><img border="0" height="80" src="/edit/UploadFile/200642610592911.gif" width="105" alt="杜子电脑学习网图片"><img border="0" height="80" src="/edit/UploadFile/200642610592911.gif" width="105" alt="杜子电脑学习网图片"><img border="0" height="80" src="/edit/UploadFile/200642610592911.gif" width="105" alt="杜子电脑学习网图片"> 
</td>   
             <td id=demo2 vAlign=top></td>
                       </tr>
         </table>
<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>
</div>
         <!--图片滚动代码结束-->
--  作者：zhirui
--  发布时间：2010-03-09 12:40:02
--  
<marquee scrollamount=1 height=120 direction=left scrolldelay=3 valign=middle behavior="scroll" width="100%" >
    <%=TopProducts()%> 
     </marquee>

向右滚动：

<div id=demo style=overflow:hidden;height:35;width:200;background:#214984;color:#ffffff>
<table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top>
<img src="/mmff/UploadFiles_9625/200512/20051218141423187.gif">
<img src="/mmff/UploadFiles_9625/200512/20051218141424802.gif">
<img src="http://iedoo.net/logo/mylogo.gif"></td>
<td id=demo2 valign=top></td></tr></table></div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollLeft=demo.scrollWidth
function Marquee(){
if(demo.scrollLeft<=0)
demo.scrollLeft+=demo2.offsetWidth
else{
demo.scrollLeft--
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

向左滚动：

<div id=demo style=overflow:hidden;height:35;width:200;background:#214984;color:#ffffff>
<table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top>
<img src="/mmff/UploadFiles_9625/200512/20051218141423187.gif">
<img src="/mmff/UploadFiles_9625/200512/20051218141424802.gif">
<img src="http://iedoo.net/logo/mylogo.gif"></td>
<td id=demo2 valign=top></td></tr></table></div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollLeft=demo.scrollWidth
function Marquee(){
if(demo.scrollLeft<=0)
demo.scrollLeft+=demo2.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

向上滚动：

<div id=demo style=overflow:hidden;height:100;width:90;background:#214984;color:#ffffff>
<div id=demo1>
<img src="/mmff/UploadFiles_9625/200512/20051218141424802.gif">
<img src="/mmff/UploadFiles_9625/200512/20051218141423187.gif">
<img src="http://iedoo.net/logo/mylogo.gif">
</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>

向下滚动：

<div id=demo style=overflow:hidden;height:100;width:90;background:#214984;color:#ffffff>
<div id=demo1>
<img src="/mmff/UploadFiles_9625/200512/20051218141424802.gif">
<img src="/mmff/UploadFiles_9625/200512/20051218141423187.gif">
<img src="http://iedoo.net/logo/mylogo.gif">
</div>
<div id=demo2></div>
</div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
demo.scrollTop=demo.scrollHeight
function Marquee(){
if(demo1.offsetTop-demo.scrollTop>=0)
demo.scrollTop+=demo2.offsetHeight
else{
demo.scrollTop--
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
--  作者：zhirui
--  发布时间：2012-01-17 13:16:43
--  
<div id=demo style="overflow:hidden; width:280px; height:210px;">
<div id=demo1>
<%=gnNews()%>
</div>
<div id=demo2></div>
</div>
<script language="javascript">
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>