首 页 网络编程
网页制作 图形图象 操作系统 冲浪宝典
软件教学 认证考试

网络安全 网络办公 行业资讯 评测对比
您当前位置:站长天空 -> 网页制作-> 心得技巧
图片左右循环连续滚动代码,解决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.z6688.com/
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

文章页数:[1] 


放大字体显示 缩小字体显示 打印文章 推荐给朋友
热门文章
·Java 调用存储过程-JSP教程,Java技巧及代码
·JSP中文乱码问题的解决.-JSP教程,Java技巧及代码
·Java的网络编程:用Java实现Web服务器-JSP教程,Java技巧及代码
·asp.net连接Access数据库-.NET教程,Asp.Net开发
·VC++.NET 2005 几个比较难缠的问题及其解决方法-.NET教程,.NET Framework
·DropDownList 控件 DataTextField 和 DataValueField 分开绑定-ASP教程,数据库相关
·.Net PetShop 4.0的分布式数据库设计-.NET教程,.NET Framework
·用Asp.net实现新闻分页-.NET教程,Asp.Net开发
·在.NET 2.0 中发送Email-.NET教程,E-mail专题
·逆变桥功率开关管门极关断箝位电路
最新文章
·经典收藏:网页页面常用的特殊符号_心得技巧教程
·用html和css写出漂亮正规的blog_心得技巧教程
·用photoshop优化美眉照片的眼部特写_photoshop教程
·网站页面的均衡规划与选择_心得技巧教程
·关闭远程差分压缩给windows vista拷贝提速_windows vista
·谈google广告的单价与点击-smart_网赚技巧
·用photoshop消除照片中的杂色条纹_photoshop教程
·一个网友观点:两年以来使用div排版的经验_心得技巧教程
·开始使用google adsense_google推广
·google官方讲解noindex、nofollow、noarchive及nosnippet等meta标签用法_google推广
相关主题
西部数码虚拟主机

友情链接
CNNIC 西部数码
万网 自助建站
虚拟主机 asp空间
域名注册 域名
域名申请 主页空间
论坛空间 网站空间
国际域名 虚拟空间
空间租用 DDOS防火墙
成都主机托管 四川主机托管
主机租用 服务器租用
网站目录 自助建站
虚拟主机 网址大全
软件下载
自助链接
虚拟主机资讯 特价虚拟主机
版权申明:本站文章均来自网络,如有侵权,请联系我们,我们收到后立即删除,谢谢!
关于我们:站长天空:专业提供最新的站长资讯、在线教程、虚拟主机权威评测、虚拟主机性能对比、网站制作教程,开发教程,站长工具。包括网页制作教程、冲浪宝典、编程参考、操作系统、软件教学、行业动态等。
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有。
发表评论 打印  刷新     关闭