电信主站 网通分站
购买流程 付款方式 常见问题 在线提问 续租服务 购物车
用户名: 密 码: 忘记密码?
首 页
域名注册
虚拟主机
双线主机
服务器租用
VPS主机
企业邮局
代理专区
客服中心
虚拟主机行业资讯 虚拟主机评测对比 互联网最新动态 技术学院 站长资讯 在线教程 网站运营
搜索优化 服务器 网络编程 图形图象 站长之家 网页制作 操作系统
冲浪宝典 软件教学 视频通信 办公软件 邮件系统 网络安全 认证考试
您当前位置:西部数码->资讯中心-> 网页制作-> 心得技巧
图片左右循环连续滚动代码,解决marquee的留白问题 _心得技巧教程
作者:网友供稿 点击:0
  西部数码-全国虚拟主机10强!20余项虚拟主机管理功能,全国领先!第6代双线路虚拟主机,南北访问畅通无阻!虚拟主机可在线rar解压,自动数据恢复设置虚拟目录等.虚拟主机免费赠送访问统计,企业邮局.Cn域名注册10元/年,自助建站480元起,免费试用7天,满意再付款!P4主机租用799元/月.月付免压金!
文章页数:[1] 

向上:
<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>


文章整理:西部数码--专业提供域名注册虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!
相关主题
文章页数:[1] 
Google
热门文章
·填充图案的定义和创建_autocad教程
·提高网页下载速度的网页制作方法二则_心得技巧教程
·解密.htm.html.shtm.shtml的区别与联系_心得技巧教程
·介绍三种网页播放器好代码_心得技巧教程
·div不是万能膏药_心得技巧教程
·打开新的窗口与保住页面的referrer_心得技巧教程
·用vb设计更换屏幕保护的程序_visualbasic教程
·了解库搜索路径和命令搜索过程_autocad教程
·做web2.0网站可以参考的十九条规则_心得技巧教程
·robots.txt和robots meta标签_心得技巧教程

最新文章
·经典收藏:网页页面常用的特殊符号_心得技巧教程
·用html和css写出漂亮正规的blog_心得技巧教程
·网站页面的均衡规划与选择_心得技巧教程
·一个网友观点:两年以来使用div排版的经验_心得技巧教程
·photoshop制作“非主流”彩虹色调照片_photoshop教程
·禁止查看网页源代码方法总结_心得技巧教程
·左右图片循环滚动停顿一下后继续_心得技巧教程
·图片左右循环连续滚动代码,解决marquee的留白问题 _心得技巧教程
·zend framework 1.0正式版即将发布_php文摘
·网页中各度量单位的比较_心得技巧教程


 
 


版权申明:本站文章均来自网络,如有侵权,请联系我们,我们收到后立即删除,谢谢!

特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有。
  打印  刷新  关闭
返回首页 |关于我们 | 联系我们 | 付款方式 | 创业联盟 | 虚拟主机 | 资讯中心 | 友情链接 | 网站地图

版权所有 西部数码(www.west263.com)
CopyRight (c) 2002~2006 west263.com all right reserved.
公司地址:四川成都市万和路90号天象大厦4楼 邮编:610031
电话总机:028-86262244 86263048 86263408 86263960 86264018 86267838
售前咨询:总机转201 202 203 204 206 208
售后服务:总机转211 212 213 214
财务咨询:总机转224 223 传真:028-86264041 财务QQ:点击发送消息给对方635483282
售前咨询QQ:点击发送消息给对方2182518 点击发送消息给对方241975952 点击发送消息给对方275026793 点击发送消息给对方408235859
售后服务QQ:点击发送消息给对方17708515 点击发送消息给对方307742704 点击发送消息给对方287976517 点击发送消息给对方363783715
《中华人民共和国增值电信业务经营许可证》编号:川B2-20030065号