js图片上下不间断滚动代码

<div id=link_logo style="OVERFLOW: hidden; WIDTH: 282px; HEIGHT: 518px">
<div id=link_logo1 style="OVERFLOW: hidden">
<table width="282"  border="0" cellpadding="10" cellspacing="0">
<tr><td><img src="http://www.jzread.com/skin/default/imga/logo.gif" border="0" width="282" height="76" /></td></tr>
<tr><td><img src="http://www.jzread.com/skin/default/imga/logo.gif" border="0" width="282" height="76" /></td></tr>
<tr><td><img src="http://www.jzread.com/skin/default/imga/logo.gif" border="0" width="282" height="76" /></td></tr>
<tr><td><img src="http://www.jzread.com/skin/default/imga/logo.gif" border="0" width="282" height="76" /></td></tr>
<tr><td><img src="http://www.jzread.com/skin/default/imga/logo.gif" border="0" width="282" height="76" /></td></tr>
<tr><td><img src="http://www.jzread.com/skin/default/imga/logo.gif" border="0" width="282" height="76" /></td></tr>
<tr><td><img src="http://www.jzread.com/skin/default/imga/logo.gif" border="0" width="282" height="76" /></td></tr>
</table> 
</div>
<div id=link_logo2></div>
</div>

<script>
var speed=65
link_logo2.innerHTML=link_logo1.innerHTML
function Marquee2(){
if(link_logo2.offsetTop-link_logo.scrollTop<=0)
link_logo.scrollTop-=link_logo1.offsetHeight
else{
link_logo.scrollTop++
}
}
var MyMar2=setInterval(Marquee2,speed)
link_logo.onmouseover=function() {clearInterval(MyMar2)}
link_logo.onmouseout=function() {MyMar2=setInterval(Marquee2,speed)}
</script>

时间: 2024-09-20 13:44:12

js图片上下不间断滚动代码的相关文章

js 图片无缝不间断滚动代码

改为--> 第1期 第2期 第3期 第4期 第5期 第6期 第7期 第8期 第9期 第10期

js图片左右不间断滚动代码

<div id=demo style="OVERFLOW: hidden; WIDTH: 960px; align: center"> <table cellspacing="0" cellpadding="0" align="center" border="0"> <tr> <td id="marquePic1" valign="to

js图片连续向左滚动代码

提示:您可以先修改部分代码再运行 js图片连续向左滚动代码 说明一 说明二 说明三 说明四 说明五 提示:您可以先修改部分代码再运行

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

 这篇文章主要介绍了JS图片无缝.平滑滚动的实现,需要的朋友可以参考下 非常平滑的JS图片滚动特效代码,无缝循环,速度可自定义,鼠标悬停时停止.它的特点是JS和图片地址分离,这样做你就经易的从数据库动态调用每张图片的地址,方便控制,因此它非常的应用.   代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

JS图片无缝、平滑滚动代码_javascript技巧

非常平滑的JS图片滚动特效代码,无缝循环,速度可自定义,鼠标悬停时停止.它的特点是JS和图片地址分离,这样做你就经易的从数据库动态调用每张图片的地址,方便控制,因此它非常的应用. 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ht

js图片无缝向左滚动代码

搜索吧a 搜索吧b

三款文字不间断滚动代码

<div id="marquees"> <!-- 这些是字幕的内容,你可以任意定义 --> <a href="#">链接1</a> <br> <a href="#">链接2</a> <br> <a href="#">链接3</a> <br> <a href="#">

JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)_javascript技巧

**兼容IE,Firefox 遵循W3C标准写法的图片无缝滚动代码(支持左移/右移功能)(本示例为上下两行图片进行双行滚动) **实现思路:一个设定宽度并且隐藏超出它宽度的内容的容器demo,里面放demo1和demo2,demo1是滚动内容,demo2为demo1的直接克隆, **通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的,当滚动至demo1与demo2的交界处时直接跳回初始位置, **因为demo1与demo2一样,所以分不出跳动的瞬间,从而达到"无缝&

js图片轮播效果实现代码_javascript技巧

首先给大家看一看js图片轮播效果,如下图 具体思路: 一.页面加载.获取整个容器.所有放数字索引的li及放图片列表的ul.定义放定时器的变量.存放当前索引的变量index 二.添加定时器,每隔2秒钟index递增一次.调用一次切换图片函数提示: 1. index不能一直无限制的递增下去,需做判断 2.调用切换图片函数时需将递增之后的index作为参数传过去 三.定义图片切换函数提示:   1.遍历所有放数字索引的li,将每个li上的类去掉.   2.根据传递过来的index值找到对应的li给它添