首 页文章中心下载中心娱乐八卦本站论坛拜仁联盟球迷社区博客日志建站服务域名抢注繁體中文
设为首页
加入收藏
联系我们
E-mail:WebMaster#fcbu.com
载入中…
当前位置:站长天下 -> 网页制作 -> 怎么样把图片弄得想幻灯片似的在网页上显示??

怎么样把图片弄得想幻灯片似的在网页上显示??


收集:TTXS(Fcbu.Com)   来源:互联网   时间:2006-06-25 
我现在想把好多张宣传图片放到网页上,请问用什么方式能像幻灯片那样在网页上显示图片 照片,包括滚动和切换似的,就像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
打印本文  返回顶部  加入收藏  关闭窗口
广 告 位 招 租
  • 上一篇: 谁能发一个fotpage的下载网站
  • 下一篇: 个人叶子,大家看后给我PP
  • 关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 管理登录
    联系方式
    Copyright © 2004-2007 FCBU.Com All Rights Reserved.
    版权所有:『站长天下』 新凌讯网络;保留所有权利. 赣ICP备05002812