设为首页  
联系我们  
加入收藏  
IT动态 网页制作 操作系统 图形图象 冲浪宝典 网络安全 软件教学 认证考试 互联网 数据通信 视频通信 网络编程
您的位置: 首页 >> >> 网页制作 >> 心得技巧教程 >> 图片左右循环连续滚动代码,解决marquee的留白问题
精品推荐
心得技巧教程点击TOP10
·图片左右循环连续滚动代码,解决marquee的留白问题
·网页中添加调用qq或者msn聊天窗口与客服进行互动
·网页中插入视频播放代码全集
·获得网页控件方法大全
·介绍三种网页播放器好代码
·SSI技术—SHTML(生成静态时用的最火)
·一个form两个提交按钮,分别提交到两页面
·页面的强制换行问题总结
·左右图片循环滚动停顿一下后继续
·根据IP自动获取所在地天气预报
网页制作点击TOP10
·图片左右循环连续滚动代码,解决marquee的留白问题
·用FrontPage2003轻松制作ASP动态网页
·网页中添加调用qq或者msn聊天窗口与客服进行互动
·用FrontPage 2003发布您的网站
·网页中插入视频播放代码全集
·JavaScript自定义模式对话框
·一段非常简单的让图片自动切换js代码
·获得网页控件方法大全
·在Dreamweaver中插入背景音乐的几种方法
·用Dreamweaver8在网页中插入Flash视频
精选专题

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

作者: 来源:http://www.gz183.com.cn 时间:2007-9-26 9:44:53

向上:
<base

href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/">

<div id=demo style="overflow:hidden; width:128px; height:300px;">
<div id=demo1>
<img src="http://www.knowsky.com/gfjs.gif"><br><img src="http://www.knowsky.com/bxtt.gif"><br><img src="http://www.knowsky.com/bzjd.gif"><br>
<img src="http://www.knowsky.com/gfjs.gif"><br><img src="http://www.knowsky.com/bxtt.gif"><br><img src="http://www.knowsky.com/bzjd.gif"><br>
<img src="http://www.knowsky.com/gfjs.gif"><br><img src="http://www.knowsky.com/bxtt.gif"><br><img src="http://www.knowsky.com/bzjd.gif"><br>
<img src="http://www.knowsky.com/gfjs.gif"><br><img src="http://www.knowsky.com/bxtt.gif"><br><img src="http://www.knowsky.com/bzjd.gif"><br>
<img src="http://www.knowsky.com/gfjs.gif"><br><img src="http://www.knowsky.com/bxtt.gif"><br><img src="http://www.knowsky.com/bzjd.gif"><br>
<img src="http://www.knowsky.com/gfjs.gif"><br><img src="http://www.knowsky.com/bxtt.gif"><br><img src="http://www.knowsky.com/bzjd.gif"><br>
<img src="http://www.knowsky.com/gfjs.gif"><br><img src="http://www.knowsky.com/bxtt.gif"><br><img src="http://www.knowsky.com/bzjd.gif"><br>
<img src="http://www.knowsky.com/gfjs.gif"><br><img src="http://www.knowsky.com/bxtt.gif"><br><img src="http://www.knowsky.com/bzjd.gif"><br>
<img src="http://www.knowsky.com/gfjs.gif"><br><img src="http://www.knowsky.com/bxtt.gif"><br><img src="http://www.knowsky.com/bzjd.gif"><br>
<img src="http://www.knowsky.com/gfjs.gif"><br><img src="http://www.knowsky.com/bxtt.gif"><br><img src="http://www.knowsky.com/bzjd.gif"><br>
<img src="http://www.knowsky.com/gfjs.gif"><br><img src="http://www.knowsky.com/bxtt.gif"><br><img src="http://www.knowsky.com/bzjd.gif"><br>
</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>

向下:
<base

href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/">

<div id=demo style="overflow:hidden; width:128px; height:300px;">
<div id=demo1>
<img src="http://www.knowsky.com/gfjs.gif"><br><img src="http://www.knowsky.com/bxtt.gif"><br><img src="http://www.knowsky.com/bzjd.gif"><br>
<img src="http://www.knowsky.com/gfjs.gif"><br><img src="http://www.knowsky.com/bxtt.gif"><br><img src="http://www.knowsky.com/bzjd.gif"><br>
<img src="http://www.knowsky.com/gfjs.gif"><br><img src="http://www.knowsky.com/bxtt.gif"><br><img src="http://www.knowsky.com/bzjd.gif"><br>
<img src="http://www.knowsky.com/gfjs.gif"><br><img src="http://www.knowsky.com/bxtt.gif"><br><img src="http://www.knowsky.com/bzjd.gif"><br>
<img src="http://www.knowsky.com/gfjs.gif"><br><img src="http://www.knowsky.com/bxtt.gif"><br><img src="http://www.knowsky.com/bzjd.gif"><br>
<img src="http://www.knowsky.com/gfjs.gif"><br><img src="http://www.knowsky.com/bxtt.gif"><br><img src="http://www.knowsky.com/bzjd.gif"><br>
<img src="http://www.knowsky.com/gfjs.gif"><br><img src="http://www.knowsky.com/bxtt.gif"><br><img src="http://www.knowsky.com/bzjd.gif"><br>
<img src="http://www.knowsky.com/gfjs.gif"><br><img src="http://www.knowsky.com/bxtt.gif"><br><img src="http://www.knowsky.com/bzjd.gif"><br>
<img src="http://www.knowsky.com/gfjs.gif"><br><img src="http://www.knowsky.com/bxtt.gif"><br><img src="http://www.knowsky.com/bzjd.gif"><br>
<img src="http://www.knowsky.com/gfjs.gif"><br><img src="http://www.knowsky.com/bxtt.gif"><br><img src="http://www.knowsky.com/bzjd.gif"><br>
<img src="http://www.knowsky.com/gfjs.gif"><br><img src="http://www.knowsky.com/bxtt.gif"><br><img src="http://www.knowsky.com/bzjd.gif"><br>
</div>
<div id=demo2></div>
</div>
<script language="javascript">
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>

向左:
<base

href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/">
<div id=demo style="overflow:hidden;height:100px;width:300px;"><table align=left

cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="http://www.knowsky.com/gfjs.gif"><img

src="http://www.knowsky.com/bxtt.gif"><img src="http://www.knowsky.com/bzjd.gif"><img src="http://www.knowsky.com/gfjs.gif"><img src="http://www.knowsky.com/bxtt.gif"><img

src="http://www.knowsky.com/bzjd.gif"></td><td id=demo2 valign=top></td></tr></table></div>
<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>

向右:
<base

href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/">
<div id=demo style="overflow:hidden;height:100px;width:300px;"><table align=left

cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="http://www.knowsky.com/gfjs.gif"><img

src="http://www.knowsky.com/bxtt.gif"><img src="http://www.knowsky.com/bzjd.gif"><img src="http://www.knowsky.com/gfjs.gif"><img src="http://www.knowsky.com/bxtt.gif"><img

src="http://www.knowsky.com/bzjd.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>


图片左右循环连续滚动代码,解决marquee的留白问题 相关文章:
图片左右循环连续滚动代码,解决marquee的留白问题 相关软件: