
展开全部
这个叫"图片无缝滚动",代码如下,你自己调试一下:
<div id="demo" style="overflow:hidden;height:500px;width:120px; border:1px solid #dde5bc; overflow:hidden;float:left">
<div id=demo1>
<img src="images/js01.gif" width="120" height="120">
<img src="images/js02.gif" width="120" height="120">
<img src="images/js03.gif" width="120" height="120">
<img src="images/js04.gif" width="120" height="120">
<img src="images/js05.gif" width="120" height="120">
<img src="images/js06.gif" width="120" height="120">
<img src="images/js07.gif" width="120" height="120">
<img src="images/js08.gif" width="120" height="120">
<img src="images/js09.gif" width="120" height="120">
</div>
<div id=demo2></div>
</div>
<script>
var speed=40
var demo=document.getElementById("demo");
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
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>
<div id="demo" style="overflow:hidden;height:500px;width:120px; border:1px solid #dde5bc; overflow:hidden;float:left">
<div id=demo1>
<img src="images/js01.gif" width="120" height="120">
<img src="images/js02.gif" width="120" height="120">
<img src="images/js03.gif" width="120" height="120">
<img src="images/js04.gif" width="120" height="120">
<img src="images/js05.gif" width="120" height="120">
<img src="images/js06.gif" width="120" height="120">
<img src="images/js07.gif" width="120" height="120">
<img src="images/js08.gif" width="120" height="120">
<img src="images/js09.gif" width="120" height="120">
</div>
<div id=demo2></div>
</div>
<script>
var speed=40
var demo=document.getElementById("demo");
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
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>

2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
展开全部
<div id="fdemo" style="overflow:hidden; height:190px; width:670px; white-space: nowrap">
<table width="100%" border=0 align=left cellpadding=0 cellspacing=0>
<tr>
<td id=fdemo1 valign=top>这里放你要的图片内容,可以插入表格</td>
<td id=fdemo2 valign=top></td>
</tr>
</table>
</div>
<script language="javascript">
var speed=15; //速度(单位:毫秒,1秒=1000毫秒)
var fdemo = document.getElementById("fdemo");
var fdemo1 = document.getElementById("fdemo1");
var fdemo2 = document.getElementById("fdemo2");
fdemo2.innerHTML=fdemo1.innerHTML;
function Marquee1(){
if(fdemo1.offsetWidth-fdemo.scrollLeft<=0)
fdemo.scrollLeft-=fdemo2.offsetWidth;
else{
fdemo.scrollLeft++;
}
}
var MyMar1=setInterval(Marquee1,speed);
fdemo.onmouseover=function() {clearInterval(MyMar1);}
fdemo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed);}
</script>
这是无缝图片滚动的代码
<table width="100%" border=0 align=left cellpadding=0 cellspacing=0>
<tr>
<td id=fdemo1 valign=top>这里放你要的图片内容,可以插入表格</td>
<td id=fdemo2 valign=top></td>
</tr>
</table>
</div>
<script language="javascript">
var speed=15; //速度(单位:毫秒,1秒=1000毫秒)
var fdemo = document.getElementById("fdemo");
var fdemo1 = document.getElementById("fdemo1");
var fdemo2 = document.getElementById("fdemo2");
fdemo2.innerHTML=fdemo1.innerHTML;
function Marquee1(){
if(fdemo1.offsetWidth-fdemo.scrollLeft<=0)
fdemo.scrollLeft-=fdemo2.offsetWidth;
else{
fdemo.scrollLeft++;
}
}
var MyMar1=setInterval(Marquee1,speed);
fdemo.onmouseover=function() {clearInterval(MyMar1);}
fdemo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed);}
</script>
这是无缝图片滚动的代码
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
用的是JS来做的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |