我现在想把好多张宣传图片放到网页上,请问用什么方式能像幻灯片那样在网页上显示图片 照片,包括滚动和切换似的,就像http://www.hbjmyz.com这上面显示的两中图片宣传方式!!!谢谢各位看帖 回帖
滚动的:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<!--最新图文代码开始-->
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 590px; HEIGHT: 125px"
align=center><!--滚动区的高度和宽度-->
<TABLE cellPadding=0 align=center border=0 cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top>
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center
border=0>
<TBODY>
<TR vAlign=top>
<TD align=middle> <TABLE cellSpacing=0 cellPadding=0 width="100%"
align=center border=0>
<TBODY>
<TR>
<TD width=8 rowSpan=3> </TD>
<TD vAlign=top width=8><IMG height=10
src="荆门市第一中学.files/bg_0ltop.gif" width=10></TD>
<TD background=荆门市第一中学.files/bg_01.gif></TD>
<TD vAlign=top width=7><IMG height=10
src="荆门市第一中学.files/bg_0rtop.gif" width=10></TD>
<TD vAlign=top width=7 rowSpan=3> </TD>
</TR>
<TR>
<TD background=荆门市第一中学.files/bg_03.gif> </TD>
<TD align=middle bgColor=#e9e9e9><A class=middle
title=上海三名女中学生破解世界性疑题姆潘巴现象
href="http://www.hbjmyz.com/ReadNews.asp?NewsID=348"
target=_blank><IMG
style="BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: black; BORDER-TOP-COLOR: black; BORDER-RIGHT-COLOR: black"
height=80 src="荆门市第一中学.files/200535215919489.jpg"
width=105 border=1> </A></TD>
<TD
background=荆门市第一中学.files/bg_04.gif> </TD>
</TR>
<TR>
<TD><IMG height=10
src="荆门市第一中学.files/bg_0lbottom.gif" width=10></TD>
<TD><IMG src="荆门市第一中学.files/bg_02.gif"></TD>
<TD><IMG height=10
src="荆门市第一中学.files/bg_0rbottom.gif"
width=10></TD>
</TR>
<TR>
<TD> </TD>
<TD vAlign=top align=middle
background=荆门市第一中学.files/bg_05.gif colSpan=3
height=20><A class=middle
title=上海三名女中学生破解世界性疑题姆潘巴现象
href="http://www.hbjmyz.com/ReadNews.asp?NewsID=348"
target=_blank>上海三名女中学…</A> </TD>
<TD> </TD>
</TR>
</TBODY>
</TABLE></TD>
<TD align=middle> <TABLE cellSpacing=0 cellPadding=0 width="100%"
align=center border=0>
<TBODY>
<TR>
<TD width=8 rowSpan=3> </TD>
<TD vAlign=top width=8><IMG height=10
src="荆门市第一中学.files/bg_0ltop.gif" width=10></TD>
<TD background=荆门市第一中学.files/bg_01.gif></TD>
<TD vAlign=top width=7><IMG height=10
src="荆门市第一中学.files/bg_0rtop.gif" width=10></TD>
<TD vAlign=top width=7 rowSpan=3> </TD>
</TR>
<TR>
<TD background=荆门市第一中学.files/bg_03.gif> </TD>
<TD align=middle bgColor=#e9e9e9><A class=middle
title="GOOGLE LOGO-1"
href="http://www.hbjmyz.com/ReadNews.asp?NewsID=317"
target=_blank><IMG
style="BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: black; BORDER-TOP-COLOR: black; BORDER-RIGHT-COLOR: black"
height=80 src="荆门市第一中学.files/2005112164747212.gif"
width=105 border=1> </A></TD>
<TD
background=荆门市第一中学.files/bg_04.gif> </TD>
</TR>
<TR>
<TD><IMG height=10
src="荆门市第一中学.files/bg_0lbottom.gif" width=10></TD>
<TD><IMG src="荆门市第一中学.files/bg_02.gif"></TD>
<TD><IMG height=10
src="荆门市第一中学.files/bg_0rbottom.gif"
width=10></TD>
</TR>
<TR>
<TD> </TD>
<TD vAlign=top align=middle
background=荆门市第一中学.files/bg_05.gif colSpan=3
height=20><A class=middle title="GOOGLE LOGO-1"
href="http://www.hbjmyz.com/ReadNews.asp?NewsID=317"
target=_blank>GOOGLE LOGO-…</A> </TD>
<TD> </TD>
</TR>
</TBODY>
</TABLE></TD>
<TD align=middle> <TABLE cellSpacing=0 cellPadding=0 width="100%"
align=center border=0>
<TBODY>
<TR>
<TD width=8 rowSpan=3> </TD>
<TD vAlign=top width=8><IMG height=10
src="荆门市第一中学.files/bg_0ltop.gif" width=10></TD>
<TD background=荆门市第一中学.files/bg_01.gif></TD>
<TD vAlign=top width=7><IMG height=10
src="荆门市第一中学.files/bg_0rtop.gif" width=10></TD>
<TD vAlign=top width=7 rowSpan=3> </TD>
</TR>
<TR>
<TD background=荆门市第一中学.files/bg_03.gif> </TD>
<TD align=middle bgColor=#e9e9e9><A class=middle
title=像素场景
href="http://www.hbjmyz.com/ReadNews.asp?NewsID=316"
target=_blank><IMG
style="BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: black; BORDER-TOP-COLOR: black; BORDER-RIGHT-COLOR: black"
height=80
src="荆门市第一中学.files/200511216391977419.gif"
width=105 border=1> </A></TD>
<TD
background=荆门市第一中学.files/bg_04.gif> </TD>
</TR>
<TR>
<TD><IMG height=10
src="荆门市第一中学.files/bg_0lbottom.gif" width=10></TD>
<TD><IMG src="荆门市第一中学.files/bg_02.gif"></TD>
<TD><IMG height=10
src="荆门市第一中学.files/bg_0rbottom.gif"
width=10></TD>
</TR>
<TR>
<TD> </TD>
<TD vAlign=top align=middle
background=荆门市第一中学.files/bg_05.gif colSpan=3
height=20><A class=middle title=像素场景
href="http://www.hbjmyz.com/ReadNews.asp?NewsID=316"
target=_blank>像素场景</A> </TD>
<TD> </TD>
</TR>
</TBODY>
</TABLE></TD>
<TD align=middle> <TABLE cellSpacing=0 cellPadding=0 width="100%"
align=center border=0>
<TBODY>
<TR>
<TD width=8 rowSpan=3> </TD>
<TD vAlign=top width=8><IMG height=10
src="荆门市第一中学.files/bg_0ltop.gif" width=10></TD>
<TD background=荆门市第一中学.files/bg_01.gif></TD>
<TD vAlign=top width=7><IMG height=10
src="荆门市第一中学.files/bg_0rtop.gif" width=10></TD>
<TD vAlign=top width=7 rowSpan=3> </TD>
</TR>
<TR>
<TD background=荆门市第一中学.files/bg_03.gif> </TD>
<TD align=middle bgColor=#e9e9e9><A class=middle
title=校园一景
href="http://www.hbjmyz.com/ReadNews.asp?NewsID=315"
target=_blank><IMG
style="BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: black; BORDER-TOP-COLOR: black; BORDER-RIGHT-COLOR: black"
height=80 src="荆门市第一中学.files/2005112161613787.jpg"
width=105 border=1> </A></TD>
<TD
background=荆门市第一中学.files/bg_04.gif> </TD>
</TR>
<TR>
<TD><IMG height=10
src="荆门市第一中学.files/bg_0lbottom.gif" width=10></TD>
<TD><IMG src="荆门市第一中学.files/bg_02.gif"></TD>
<TD><IMG height=10
src="荆门市第一中学.files/bg_0rbottom.gif"
width=10></TD>
</TR>
<TR>
<TD> </TD>
<TD vAlign=top align=middle
background=荆门市第一中学.files/bg_05.gif colSpan=3
height=20><A class=middle title=校园一景
href="http://www.hbjmyz.com/ReadNews.asp?NewsID=315"
target=_blank>校园一景</A> </TD>
<TD> </TD>
</TR>
</TBODY>
</TABLE></TD>
<TD align=middle> <TABLE cellSpacing=0 cellPadding=0 width="100%"
align=center border=0>
<TBODY>
<TR>
<TD width=8 rowSpan=3> </TD>
<TD vAlign=top width=8><IMG height=10
src="荆门市第一中学.files/bg_0ltop.gif" width=10></TD>
<TD background=荆门市第一中学.files/bg_01.gif></TD>
<TD vAlign=top width=7><IMG height=10
src="荆门市第一中学.files/bg_0rtop.gif" width=10></TD>
<TD vAlign=top width=7 rowSpan=3> </TD>
</TR>
<TR>
<TD background=荆门市第一中学.files/bg_03.gif> </TD>
<TD align=middle bgColor=#e9e9e9><A class=middle
title=学校荣誉集锦
href="http://www.hbjmyz.com/ReadNews.asp?NewsID=313"
target=_blank><IMG
style="BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: black; BORDER-TOP-COLOR: black; BORDER-RIGHT-COLOR: black"
height=80 src="荆门市第一中学.files/2005112114111162.gif"
width=105 border=1> </A></TD>
<TD
background=荆门市第一中学.files/bg_04.gif> </TD>
</TR>
<TR>
<TD><IMG height=10
src="荆门市第一中学.files/bg_0lbottom.gif" width=10></TD>
<TD><IMG src="荆门市第一中学.files/bg_02.gif"></TD>
<TD><IMG height=10
src="荆门市第一中学.files/bg_0rbottom.gif"
width=10></TD>
</TR>
<TR>
<TD> </TD>
<TD vAlign=top align=middle
background=荆门市第一中学.files/bg_05.gif colSpan=3
height=20><A class=middle title=学校荣誉集锦
href="http://www.hbjmyz.com/ReadNews.asp?NewsID=313"
target=_blank>学校荣誉集锦</A> </TD>
<TD> </TD>
</TR>
</TBODY>
</TABLE></TD>
<TD align=middle> <TABLE cellSpacing=0 cellPadding=0 width="100%"
align=center border=0>
<TBODY>
<TR>
<TD width=8 rowSpan=3> </TD>
<TD vAlign=top width=8><IMG height=10
src="荆门市第一中学.files/bg_0ltop.gif" width=10></TD>
<TD background=荆门市第一中学.files/bg_01.gif></TD>
<TD vAlign=top width=7><IMG height=10
src="荆门市第一中学.files/bg_0rtop.gif" width=10></TD>
<TD vAlign=top width=7 rowSpan=3> </TD>
</TR>
<TR>
<TD background=荆门市第一中学.files/bg_03.gif> </TD>
<TD align=middle bgColor=#e9e9e9><A class=middle
title=我校刘灵力老师在数学优质课竞赛中获奖
href="http://www.hbjmyz.com/ReadNews.asp?NewsID=309"
target=_blank><IMG
style="BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: black; BORDER-TOP-COLOR: black; BORDER-RIGHT-COLOR: black"
height=80 src="荆门市第一中学.files/200511233345682.jpg"
width=105 border=1> </A></TD>
<TD
background=荆门市第一中学.files/bg_04.gif> </TD>
</TR>
<TR>
<TD><IMG height=10
src="荆门市第一中学.files/bg_0lbottom.gif" width=10></TD>
<TD><IMG src="荆门市第一中学.files/bg_02.gif"></TD>
<TD><IMG height=10
src="荆门市第一中学.files/bg_0rbottom.gif"
width=10></TD>
</TR>
<TR>
<TD> </TD>
<TD vAlign=top align=middle
background=荆门市第一中学.files/bg_05.gif colSpan=3
height=20><A class=middle title=我校刘灵力老师在数学优质课竞赛中获奖
href="http://www.hbjmyz.com/ReadNews.asp?NewsID=309"
target=_blank>我校刘灵力老师…</A> </TD>
<TD> </TD>
</TR>
</TBODY>
</TABLE></TD>
<TD align=middle> </TD>
<TD align=middle> </TD>
<TD align=middle> </TD>
</TR>
</TBODY>
</TABLE></TD>
<TD id=demo2 vAlign=top></TD></TR></TBODY></TABLE></DIV>
<SCRIPT>
var speed=15
demo2.innerHTML=demo1.innerHTML
function Marquee1(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft
}
}
var MyMar1=setInterval(Marquee1,speed)
demo.onmouseover=function() {clearInterval(MyMar1)}
demo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)}
</SCRIPT>
<!--最新图文代码结束-->
</body>
</html>
老兄:能不能来点简单点的,看起来有点麻烦!!!! 来个容易点再说谢谢!!!
这就是从那个网站上剥离下来的撒
其实就是利用了CSS |
|