图片滚动代码

<div id="butong_net_left" style="overflow:hidden;width:500px;"> 
<table cellpadding="0" cellspacing="0" border="0">  
<tr><td id="butong_net_left1" valign="top" align="center"> 
<table cellpadding="2" cellspacing="0" border="0"> 
<tr align="center">
<td>校园风光</td>  
<td><img src="images/Activities1.jpg" width="170" height="124"></td> 
<td><img src="images/Activities2.jpg" width="170" height="124"></td> 
<td><img src="images/Activities3.jpg" width="170" height="124"></td> 
<td><img src="images/Activities4.jpg" width="170" height="124"></td> 
<td><img src="images/Activities5.jpg" width="170" height="124"></td> 
</tr> 
</table> 
</td>  
<td id="butong_net_left2" valign="top"></td>  
</tr> 
</table> 
</div>

<script type="text/javascript">
        var speed = 10//速度数值越大速度越慢

butong_net_left2.innerHTML = butong_net_left1.innerHTML
        function Marquee3() {
            if (butong_net_left2.offsetWidth - butong_net_left.scrollLeft <= 0)
                butong_net_left.scrollLeft -= butong_net_left1.offsetWidth
            else {
                butong_net_left.scrollLeft++
            }
        }
        var MyMar3 = setInterval(Marquee3, speed)
        butong_net_left.onmouseover = function () { clearInterval(MyMar3) }
        butong_net_left.onmouseout = function ()
        { MyMar3 = setInterval(Marquee3, speed) }

</script>

时间： 2024-11-04 15:52:15

图片滚动代码的相关文章

图片切换特效（2）：JS图片滚动代码（无缝、平滑）

转自:http://www.codefans.net/jscss/code/255.shtml <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

JS图片滚动代码（无缝、平滑）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

JS图片无间断滚动代码合集

JavaScript图片滚动代码合集,向上下左右四个方向的无缝滚动代码,前端设计开发时所能用的一个图片特效,你可只用其中的一种滚动.前端框架分享 .代码   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1

原生js实现tab选项卡里内嵌图片滚动特效代码

<!DOCTYPE HTML><html lang="en-US"><head><meta charset="UTF-8"><title>原生js实现tab选项卡里内嵌图片滚动特效代码</title><meta name="keywords" content="原生js实现tab选项卡里内嵌图片滚动特效代码" /><meta name=&

常用JS图片滚动（无缝、平滑、上下左右滚动）代码大全

常用JS图片滚动(无缝.平滑.上下左右滚动)代码大全 今天刚网上看的 不多说直接帖代码---- <head><-----></head><body> <!--向下滚动代码开始--><div id="colee" style="overflow:hidden;height:253px;width:410px;"><div id="colee1"><p>&

图片左右循环连续滚动代码，解决marquee的留白问题

<marquee ONMOUSEOUT="this.start()" ONMOUSEOVER="this.stop()" DIRECTION="LEFT" scrollamount=3 behavior="scroll" loop="-1" deplay="0"> <table> <tr> <td> <a href="htt

jquery图片无缝滚动代码左右 上下无缝滚动图片

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

纵向文字滚动代码,带上下图片控制的。鼠标放到上下图片上时滚动

<style type="text/css"> #swsh .swsh_body{height:352px;overflow:hidden;}</style></p> <div id="swsh"> <script language="javascript"> var UDMoveflag=true function scrollStart(object,offset){ object.

图片滚动（UP）的JS代码详解（offsetTop、scrollTop、offsetHeigh）【转】

源地址 信息技术教材配套的光盘里有一段设置图片滚动的JS代码,与网络上差不多,实现思路:一个设定高度并且隐藏超出它高度的内容的容器demo,里面放demo1和 demo2,demo1是滚动内容,demo2为demo1的直接克隆,通过不断改变demo的scrollTop或者scrollLeft达到滚动的目的,当demo1与demo2的交界处滚动至demo顶端时直接跳回初始位置,因为demo1与demo2一样,所以分不出跳动的瞬间,从而达到“无缝”滚动的目的. 代码如下:  <DIV id=demo