急求,在网页设计里,把一串图片滚动从左到右播放的代码,谢谢!注,是就像布条一样一张张流动的
展开全部
<!--向右滚动代码开始-->
<DIV style="WIDTH: 604px; HEIGHT: 120px; OVERFLOW: hidden" id=demo>
<TABLE border=0 cellPadding=0 align=left cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="25%"
align=left><TBODY>
<TR>
<TD align=middle>
<TABLE class=huikuang border=0 cellSpacing=5 cellPadding=0
width="7%" bgColor=#f5f5f5 align=center>
<TBODY>
<TR>
<TD vAlign=center align=middle><A
href="http://www.chinahaihua.com/products_show.asp?id=118"><IMG
border=0 src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif"
width=122 height=70></A></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD height=25 align=middle><A class=a
href="http://www.chinahaihua.com/products_show.asp">1111
</A></TD></TR></TBODY></TABLE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="25%"
align=left><TBODY>
<TR>
<TD align=middle>
<TABLE class=huikuang border=0 cellSpacing=5 cellPadding=0
width="7%" bgColor=#f5f5f5 align=center>
<TBODY>
<TR>
<TD vAlign=center align=middle><A
href="http://www.chinahaihua.com/products_show.asp?id=116"><IMG
border=0 src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif"
width=122 height=70></A></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD height=25 align=middle><A class=a
href="http://www.chinahaihua.com/products_show.asp">2222
</A></TD></TR></TBODY></TABLE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="25%"
align=left><TBODY>
<TR>
<TD align=middle>
<TABLE class=huikuang border=0 cellSpacing=5 cellPadding=0
width="7%" bgColor=#f5f5f5 align=center>
<TBODY>
<TR>
<TD vAlign=center align=middle><A
href="http://www.chinahaihua.com/products_show.asp?id=115"><IMG
border=0 src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif"
width=122 height=70></A></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD height=25 align=middle><A class=a
href="http://www.chinahaihua.com/products_show.asp">3333
</A></TD></TR></TBODY></TABLE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="25%"
align=left><TBODY>
<TR>
<TD align=middle>
<TABLE class=huikuang border=0 cellSpacing=5 cellPadding=0
width="7%" bgColor=#f5f5f5 align=center>
<TBODY>
<TR>
<TD vAlign=center align=middle><A
href="http://www.chinahaihua.com/products_show.asp?id=114"><IMG
border=0 src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif"
width=122 height=70></A></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD height=25 align=middle><A class=a
href="http://www.chinahaihua.com/products_show.asp">4444
</A></TD></TR></TBODY></TABLE></TD>
<TD id=demo2 vAlign=top></TD></TR></TBODY></TABLE></DIV>
<SCRIPT>
var speed=15
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>
<!--向右滚动代码结束-->
<DIV style="WIDTH: 604px; HEIGHT: 120px; OVERFLOW: hidden" id=demo>
<TABLE border=0 cellPadding=0 align=left cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="25%"
align=left><TBODY>
<TR>
<TD align=middle>
<TABLE class=huikuang border=0 cellSpacing=5 cellPadding=0
width="7%" bgColor=#f5f5f5 align=center>
<TBODY>
<TR>
<TD vAlign=center align=middle><A
href="http://www.chinahaihua.com/products_show.asp?id=118"><IMG
border=0 src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif"
width=122 height=70></A></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD height=25 align=middle><A class=a
href="http://www.chinahaihua.com/products_show.asp">1111
</A></TD></TR></TBODY></TABLE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="25%"
align=left><TBODY>
<TR>
<TD align=middle>
<TABLE class=huikuang border=0 cellSpacing=5 cellPadding=0
width="7%" bgColor=#f5f5f5 align=center>
<TBODY>
<TR>
<TD vAlign=center align=middle><A
href="http://www.chinahaihua.com/products_show.asp?id=116"><IMG
border=0 src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif"
width=122 height=70></A></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD height=25 align=middle><A class=a
href="http://www.chinahaihua.com/products_show.asp">2222
</A></TD></TR></TBODY></TABLE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="25%"
align=left><TBODY>
<TR>
<TD align=middle>
<TABLE class=huikuang border=0 cellSpacing=5 cellPadding=0
width="7%" bgColor=#f5f5f5 align=center>
<TBODY>
<TR>
<TD vAlign=center align=middle><A
href="http://www.chinahaihua.com/products_show.asp?id=115"><IMG
border=0 src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif"
width=122 height=70></A></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD height=25 align=middle><A class=a
href="http://www.chinahaihua.com/products_show.asp">3333
</A></TD></TR></TBODY></TABLE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="25%"
align=left><TBODY>
<TR>
<TD align=middle>
<TABLE class=huikuang border=0 cellSpacing=5 cellPadding=0
width="7%" bgColor=#f5f5f5 align=center>
<TBODY>
<TR>
<TD vAlign=center align=middle><A
href="http://www.chinahaihua.com/products_show.asp?id=114"><IMG
border=0 src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif"
width=122 height=70></A></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD height=25 align=middle><A class=a
href="http://www.chinahaihua.com/products_show.asp">4444
</A></TD></TR></TBODY></TABLE></TD>
<TD id=demo2 vAlign=top></TD></TR></TBODY></TABLE></DIV>
<SCRIPT>
var speed=15
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>
<!--向右滚动代码结束-->
博思aippt
2024-07-20 广告
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
展开全部
<!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>
<TITLE>wu</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<style>
P {
MARGIN: 20px
}
.table-left-right {
BORDER-LEFT: #E7E7E7 1px solid;
BORDER-RIGHT: #E7E7E7 1px solid;
}
TD {
font-size: 12px;
}
.hangju {
line-height: 20px;
word-spacing: 3pt;
}
.title
{
color: #000000;
font-weight: bold;
}
.title2
{
color: #ffffff;
font-weight: bold;
}
.title3
{
color: #000000;
font-weight: bold;
}
</style>
</head>
<BODY leftMargin=0 topMargin=2 marginheight="0" marginwidth="0">
<div><CENTER>
<TABLE
style="BORDER: #eeeeee 1px solid"
cellSpacing=0 cellPadding=0 width=750 align=center border=0>
<TBODY>
<TR>
<TD>
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff">
<TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top><table width="1710" height="116" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="171" background="wan/YTC.jpg"><div align="center">第1张</div></td>
<td width="171" background="wan/YTC.jpg"><div align="center">第2张</div></td>
<td width="171" background="wan/YTC.jpg"><div align="center">第3张</div></td>
<td width="171" background="wan/YTC.jpg"><div align="center">第4张</div></td>
<td width="171" background="/jscss/demoimg/200907/pic_bg.jpg"><div align="center">第5张</div></td>
<td width="171" background="/jscss/demoimg/200907/pic_bg.jpg"><div align="center">第6张</div></td>
<td width="171" background="/jscss/demoimg/200907/pic_bg.jpg"><div align="center">第7张</div></td>
<td width="171" background="/jscss/demoimg/200907/pic_bg.jpg"><div align="center">第8张</div></td>
<td width="171" background="/jscss/demoimg/200907/pic_bg.jpg"><div align="center">第9张</div></td>
<td width="171" background="/jscss/demoimg/200907/pic_bg.jpg"><div align="center">第10张</div></td>
</tr>
</table></TD>
<TD id=demo2 vAlign=top> </TD></TR></TBODY></TABLE></DIV>
<SCRIPT>
var speed3=25//速度,数值越大越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed3)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}
</SCRIPT>
</TD></TR></TBODY></TABLE></TD></TR></TABLE>
</CENTER></div>
</BODY>
</html>
这样就可以达到你要的效果了·~
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<TITLE>wu</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<style>
P {
MARGIN: 20px
}
.table-left-right {
BORDER-LEFT: #E7E7E7 1px solid;
BORDER-RIGHT: #E7E7E7 1px solid;
}
TD {
font-size: 12px;
}
.hangju {
line-height: 20px;
word-spacing: 3pt;
}
.title
{
color: #000000;
font-weight: bold;
}
.title2
{
color: #ffffff;
font-weight: bold;
}
.title3
{
color: #000000;
font-weight: bold;
}
</style>
</head>
<BODY leftMargin=0 topMargin=2 marginheight="0" marginwidth="0">
<div><CENTER>
<TABLE
style="BORDER: #eeeeee 1px solid"
cellSpacing=0 cellPadding=0 width=750 align=center border=0>
<TBODY>
<TR>
<TD>
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff">
<TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top><table width="1710" height="116" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="171" background="wan/YTC.jpg"><div align="center">第1张</div></td>
<td width="171" background="wan/YTC.jpg"><div align="center">第2张</div></td>
<td width="171" background="wan/YTC.jpg"><div align="center">第3张</div></td>
<td width="171" background="wan/YTC.jpg"><div align="center">第4张</div></td>
<td width="171" background="/jscss/demoimg/200907/pic_bg.jpg"><div align="center">第5张</div></td>
<td width="171" background="/jscss/demoimg/200907/pic_bg.jpg"><div align="center">第6张</div></td>
<td width="171" background="/jscss/demoimg/200907/pic_bg.jpg"><div align="center">第7张</div></td>
<td width="171" background="/jscss/demoimg/200907/pic_bg.jpg"><div align="center">第8张</div></td>
<td width="171" background="/jscss/demoimg/200907/pic_bg.jpg"><div align="center">第9张</div></td>
<td width="171" background="/jscss/demoimg/200907/pic_bg.jpg"><div align="center">第10张</div></td>
</tr>
</table></TD>
<TD id=demo2 vAlign=top> </TD></TR></TBODY></TABLE></DIV>
<SCRIPT>
var speed3=25//速度,数值越大越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed3)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)}
</SCRIPT>
</TD></TR></TBODY></TABLE></TD></TR></TABLE>
</CENTER></div>
</BODY>
</html>
这样就可以达到你要的效果了·~
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询