<div id="demo" style="overflow: hidden; width: 1000px; height: 135px">
<table cellpadding="0" align="left" border="0" cellspace="0">
<tbody>
<tr>
<td id="demo1" valign="top">
<table cellspacing="2" cellpadding="0" width="160" align="center" border="0" >
<tr valign="top">
<td width="156" align="center">
<a href="dxyj/?type=detail&id=13"><img width="235" height="130" src="./dxyj/common/upload/2012/10/25/95139ai.jpg" /></a></td>
<td width="156" align="center">
<a href="dxyj/?type=detail&id=4"><img width="235" height="130" src="./dxyj/common/upload/2012/10/25/95061o.jpg" /></a></td>
<td width="156" align="center">
<a href="dxyj/?type=detail&id=3"><img width="235" height="130" src="./dxyj/common/upload/2012/10/25/95926oh.jpg" /></a></td>
<td width="156" align="center">
<a href="dxyj/?type=detail&id=2"><img width="235" height="130" src="./dxyj/common/upload/2012/10/25/95747hs.jpg" /></a></td>
<td width="156" align="center">
<a href="dxyj/?type=detail&id=1"><img width="235" height="130" src="./dxyj/common/upload/2012/10/25/95344zn.jpg" /></a></td>
</tr>
</table>
</td>
<td id="demo2" valign="top"></td>
</tr>
</tbody>
</table>
</div>
<script>
var speed=30
var demo=document.getElementById("demo");
var demo1=document.getElementById("demo1");
var demo2=document.getElementById("demo2");
demo2.innerHTML=demo1.innerHTML
function Marquee2(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar2=setInterval(Marquee2,speed)
demo.onmouseover=function() {clearInterval(MyMar2)}
demo.onmouseout=function() {MyMar2=setInterval(Marquee2,speed)}
</script>
分享到:
相关推荐
利用viewpaper 实现跑马灯图片轮换 并可设置10多种动画效果。是从实际项目中抽取出的demo,完整代码导入开发环境就可以运行,仔细查看demo中跑马灯图片有惊喜哦!
VB 跑马灯图片 源代码VB 跑马灯图片 源代码VB 跑马灯图片 源代码
Android应用源码之ImageView 图片循环跑马灯的效果_跑马灯
Delphi实现透明跑马灯效果
图片变化能出现动态效果,用线程控制图片的动态变化。
ImageView 图片循环跑马灯的效果,在操作Android系统的手机的时候,这是比较常遇到的一个图片效果,用手就可以控制图片滚动,见的多了也就习惯了,那么究竟如何实现这种效果呢,本源代码将告诉你答案。
jquery开发简单图片跑马灯效果
使用JavaScript实现的跑马灯效果。跑马灯图片使用自动添加img标签实现,可以添加10张图片,只需修改图片数组的内容,在数组中添加相应图片名称即可。
android跑马灯图片展示加10种特效
安卓Android源码——ImageView图片循环跑马灯的效果.zip
JavaScript实现的 动态从文件夹中取得图片 鼠标放上实现暂停和左右滚动效果
ImageView实现图片跑马灯效果,可以作为学习ImageView使用。
Android ImageView图片循环跑马灯效果源码
自定义QLabel,实现跑马灯效果,直接可将源码加入到工程,自定义原有的控件,即可实现跑马灯效果,源代码编译通过,使用Qt QLabel实现,可以直接上线使用。
图片循环跑马灯,头尾完美衔接。用到现在最完整的跑马灯,可跳出文字窗,首尾切换效果自然。
为优化界面,通过自定义View实现炫酷跑马灯效果,图片的优化,有三种形式实现(自定义实现最炫酷)
安卓Android源码——ImageView 图片循环跑马灯的效果.zip
div对象(id名称或dom对象都可以,已经在内部作了处理) 宽度(可选) 高度(可选) 内容(由数组实现,数组里存放任何html内容都可以,示例里存放的是img标签,也就是说,实现了几张图片的跑马灯效果)。
wpf跑马灯与图片翻转效果WpfMarquee 京华志&精华志出品 希望大家互相学习,互相进步 支持CSDN 支持微软 主要包括C# ASP.NET SQLDBA 源码 毕业设计 开题报告 答辩PPT等