⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 index.htm

📁 JavaScript实现图片幻灯片效果的源代码
💻 HTM
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Copyright" content="阿里西西WEB开发 http://www.alixixi.com/" />
<meta name="description" content="阿里西西WEB开发!" />
<meta content="阿里西西WEB开发" name="keywords" />
<title>阿里西西WEB开发</title>
</head>

<style type="text/css">
body{text-align:center;}
td {font-size: 12px;}
#textslide{color:#333333;}
</style>
</head>
<BODY>
<table width=325 border=0 cellpadding=0 cellspacing=0>
  <tr valign=top>
    <td colspan=3><a onClick="gotoshow()" onMouseOver="tu_ove()" onMouseOut="ou()" style="cursor:hand"><img src="images/ad-01.jpg" width=325 height=190 name="slide" border=0></a></td>
  </tr>
  <tr>
    <td width=229 height="19" align=center bgcolor=#f4f4f4 class="white"><div id=textslide>焦点图标题层</div></td>
    <td width=1 bgcolor=#7C7C7C><div style="position:relative">
      <div style="position:absolute;top:10px">
        <table width=95 border=0 cellpadding=0 cellspacing=0>
          <tr valign=top align=center>
            <td width="19" height="0"><div style="position:relative">
              <div id=xiaotu1 style="position:absolute;top:-19px;left:0px"><img src=images/bian1.gif id=xiaosan1 width=10 height=3 border=0></div>
            </div></td>
            <td width="19" height="0"><div style="position:relative">
              <div id=xiaotu2 style="position:absolute;top:-19px;left:0px"><img src=images/bian1.gif id=xiaosan2 width=10 height=3></div>
            </div></td>
            <td width="19" height="0"><div style="position:relative">
              <div id=xiaotu3 style="position:absolute;top:-19px;left:0px"><img src=images/bian1.gif id=xiaosan3 width=10 height=3></div>
            </div></td>
            <td width="19" height="0"><div style="position:relative">
              <div id=xiaotu4 style="position:absolute;top:-19px;left:0px"><img src=images/bian1.gif id=xiaosan4 width=10 height=3></div>
            </div></td>
            <td width="19" height="0"><div style="position:relative; left: 1px;">
              <div id=xiaotu5 style="position:absolute;top:-19px;left:0px"><img src=images/bian1.gif id=xiaosan5 width=10 height=3></div>
            </div></td>
          </tr>
        </table>
      </div>
    </div></td>
    <td width=95 height="19"><table width=95 border=0 cellpadding=0 cellspacing=0>
      <tr valign=top>
        <td width="19" height="19" class="homejdboder"><a style="cursor:hand" onMouseOver="ove(0)" onMouseOut="ou()"><img src="images/1.gif" width="19" height="19" border=0></a></td>
        <td width="19" height="19" class="homejdboder"><a style="cursor:hand" onMouseOver="ove(1)" onMouseOut="ou()"><img src="images/2.gif" width="19" height="19" border=0></a></td>
        <td width="19" height="19" class="homejdboder"><a style="cursor:hand" onMouseOver="ove(2)" onMouseOut="ou()"><img src="images/3.gif" width="19" height="19" border=0></a></td>
        <td width="19" height="19" class="homejdboder"><a style="cursor:hand" onMouseOver="ove(3)" onMouseOut="ou()"><img src="images/4.gif" width="19" height="19" border=0></a></td>
        <td width="19" height="19"><a style="cursor:hand" onMouseOver="ove(4)" onMouseOut="ou()"><img src="images/5.gif" width="19" height="19" border=0></a></td>
      </tr>
    </table></td>
  </tr>
</table>
<script language=JavaScript src="js/5adpics.js"></script>
<br><br>欢迎访问:<a href="http://www.alixixi.com/" target="_blank">阿里西西WEB开发</a>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -