图片滚动播放
2008-08-28 14:50
120 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div id=demo style="overflow:hidden;width:500px;border:2px solid #e0e0e0;padding:2px;" >
<div id="demo1" style="white-space:nowrap;padding:0;">
<a href="javascript:alert('发表新贴');"><img src="images/temp.jpg" border=0></a>
<a href="javascript:alert('发表回复');"><img src="images/temp.jpg" border=0></a>
<a href="javascript:alert('发表新贴');"><img src="images/temp.jpg" border=0></a>
</div>
</div>
<!--滚动的javascript-->
<script>
var demo = document.getElementById("demo");
var demo1 = document.getElementById("demo1");
var t=demo.scrollWidth
demo1.innerHTML+=demo1.innerHTML
function doMarquee()
{
demo.scrollLeft=demo.scrollLeft<demo.scrollWidth-demo.offsetWidth?demo.scrollLeft+1:t-demo.offsetWidth;
}
function doscroll()
{
sc=setInterval(doMarquee,20)
}
function stopscroll()
{
clearInterval(sc)
}
doscroll()
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div id=demo style="overflow:hidden;width:500px;border:2px solid #e0e0e0;padding:2px;" >
<div id="demo1" style="white-space:nowrap;padding:0;">
<a href="javascript:alert('发表新贴');"><img src="images/temp.jpg" border=0></a>
<a href="javascript:alert('发表回复');"><img src="images/temp.jpg" border=0></a>
<a href="javascript:alert('发表新贴');"><img src="images/temp.jpg" border=0></a>
</div>
</div>
<!--滚动的javascript-->
<script>
var demo = document.getElementById("demo");
var demo1 = document.getElementById("demo1");
var t=demo.scrollWidth
demo1.innerHTML+=demo1.innerHTML
function doMarquee()
{
demo.scrollLeft=demo.scrollLeft<demo.scrollWidth-demo.offsetWidth?demo.scrollLeft+1:t-demo.offsetWidth;
}
function doscroll()
{
sc=setInterval(doMarquee,20)
}
function stopscroll()
{
clearInterval(sc)
}
doscroll()
</script>
</body>
</html>
相关文章推荐
- Android图片滚动,加入自动播放功能,使用自定义属性实现,霸气十足!
- javascript+html5实现仿flash滚动播放图片的方法
- Android图片滚动,加入自动播放功能,使用自定义属性实现,霸气十足!
- Android图片滚动,加入自动播放功能,使用自定义属性实现,霸气十足!
- 图片滚动播放
- js实现图片向上播放(轮番滚动)
- <html5+css3+js>javascript实现图片滚动播放功能
- Android图片滚动,加入自动播放功能,使用自定义属性实现,霸气十足!
- Android图片滚动,加入自动播放功能,使用自定义属性实现,霸气十足!
- iOS 图片滚动播放
- 滚动图片加视频播放功能
- 图片自动滚动,循环播放Android auto-scroll-view-pager(转载)
- 图片滚动播放--liu(待续)
- jquery实现图片左右间隔滚动特效(可自动播放)
- 两张图片来回滚动切换效果(匀速播放)
- 图片滚动播放
- WPF 图片的滚动播放实现方法之一
- 网页图片循环滚动播放效果
- Android Gallery和ImageSwitcher同步自动(滚动)播放图片库
- 滚动播放文字或者图片信息效果