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

📄 js9.htm

📁 搜集的很多javascript实例及教程
💻 HTM
字号:
<!--Saved  from《网页设计师》pageone.yeah.net,作者:阿捷ajie@nease.net-->
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="keywords" content="Javascript,Javascript,Javascript,Javascript,Javascript">
<!--  以下代码是设定此页的超链接样式    -->
<style type="text/css"><!-- A:link {text-decoration: none; color:#000000}
     A:visited {text-decoration: none; color: #000000}
     A:active {text-decoration: none; color: #FF0000}
     A:hover {text-decoration: underline; color: FF0000}
       body{font-size=9pt}
	        TH{FONT-SIZE: 9pt}
           TD{ FONT-SIZE: 9pt}
       -->
</style>
<script language="JavaScript">
<!-- Begin
var preload=new Image();
preload.src="image1.gif";
preload.src="image2.gif";
preload.src="image3.gif";
preload.src="image4.gif";

// End -->
</script>
<script LANGUAGE="JavaScript">
<!--
var ic = 0
var NumOfPic = 4 //Total unmber of pictures used
function imgAdd()
{
    if (ic<NumOfPic) {
    ic = ic + 1
var fname = "image" + ic + ".gif"
    document.img.src = fname 
}
}

function imgless()
{
if (ic > 1) {
ic = ic - 1
var fname = "image" + ic + ".gif" 
document.img.src = fname
}

}
//-->
</script>

<title>图片播放器</title>
</head>

<body bgcolor="#FFFFFF">

<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td width="50%" bgcolor="#006DA2"><!--webbot bot="ImageMap" rectangle="(8,2) (105,34) http://www.pageone.yeah.net" src="../images/jlogo3.GIF" alt="网页设计师" border="0" startspan --><MAP NAME="FrontPageMap"><AREA SHAPE="RECT" COORDS="8, 2, 105, 34" HREF="http://www.pageone.yeah.net"></MAP><a href="../_vti_bin/shtml.exe/js/js9.htm/map"><img ismap usemap="#FrontPageMap" border="0" height="36" alt="网页设计师" src="../images/jlogo3.GIF" width="111"></a><!--webbot bot="ImageMap" endspan i-checksum="58480" --></td>
    <td width="50%" bgcolor="#006DA2"><p align="right"><br>
    上一页 下一页 <a href="../index.html">返回首页</a></td>
  </tr>
</table>

<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td width="5%" bgcolor="#B7D1F4" valign="top"></td>
    <td width="16%" bgcolor="#006DA2" valign="top"><table border="0" width="100%" cellspacing="4" cellpadding="0">
      <tr>
        <td width="16%"></td>
        <td width="84%"></td>
      </tr>
      <tr>
        <td width="16%"><font color="#ffff80">★</font></td>
        <td width="84%"><font face="Arial"><a href="index.htm">JAVASCRIPT</a></font></td>
      </tr>
      <tr>
        <td width="16%"><font color="#ffff80">★</font></td>
        <td width="84%"><font face="Arial"><a href="../frontpage/index.htm">FRONTPAGE</a></font></td>
      </tr>
      <tr>
        <td width="16%"><font color="#ffff80">★</font></td>
        <td width="84%"><font face="Arial"><a href="../dhtml/index.htm">DHTML</a></font></td>
      </tr>
      <tr>
        <td width="16%"><font color="#ffff80">★</font></td>
        <td width="84%"><font face="Arial"><a href="../photoshop/index.htm">PHOTOSHOP</a></font></td>
      </tr>
      <tr>
        <td width="16%"><font color="#ffff80">★</font></td>
        <td width="84%"><font face="Arial"><a href="../fireworks/index.htm">FIREWORKS</a></font></td>
      </tr>
      <tr>
        <td width="16%"><font color="#ffff80">★</font></td>
        <td width="84%"><font face="Arial"><a href="../flash/index.htm">FLASH</a></font></td>
      </tr>
      <tr>
        <td width="16%"><font color="#ffff80">★</font></td>
        <td width="84%"><font face="Arial"><a href="../cgi/index.htm">CGI</a></font></td>
      </tr>
      <tr>
        <td width="16%" a><font color="#ffff80">★</font></td>
        <td width="84%"><font face="Arial"><a href="../download/index.htm">DOWNLOAD</a></font></td>
      </tr>
      <tr>
        <td width="16%"></td>
        <td width="84%"></td>
      </tr>
    </table>
    </td>
    <td width="79%" valign="top"><table border="0" width="100%" cellspacing="1" cellpadding="0">
      <tr>
        <td width="12%" bgcolor="#B7D1F4"><p align="center"><font color="#FF8000">名称</font></td>
        <td width="88%" bgcolor="#FFFFFF"><p align="center">图片播放器</td>
      </tr>
      <tr>
        <td width="12%" bgcolor="#B7D1F4" valign="top"><p align="center"><font color="#FF8000">实例</font></td>
        <td width="88%"><table border="1" width="100%" bordercolor="#B7D1F4" cellspacing="0" cellpadding="0">
          <tr>
            <td width="100%"><p align="center"><img src="image1.gif" name="img" WIDTH="140" HEIGHT="40"><br>
            </p>
            <form name="frm">
              <div align="center"><center><p><input type="button" value="上一张" onClick="imgless()"> 
              <input type="button" value="下一张" onClick="imgAdd()"> </p>
              </center></div>
            </form>
            <p align="center"> </td>
          </tr>
        </table>
        </td>
      </tr>
      <tr>
        <td width="12%" bgcolor="#B7D1F4" valign="top"><p align="center"><font color="#FF8000">教程</font></td>
        <td width="88%"><table border="1" width="100%" cellspacing="0" cellpadding="0" bordercolor="#B7D1F4">
          <tr>
            <td width="100%" bgcolor="#FFFFFF"><br>
            <p>第一步:拷贝下面的代码到你的html文件的&lt;head&gt;和&lt;/head&gt;之间;</p>
            <blockquote>
              <form name="copy1">
                <p><textarea rows="4" name="S1" cols="39" onMouseOver="this.focus()" onFocus="this.select()">&lt;script language=&quot;JavaScript&quot;&gt;
<!-- Beginvar preload=new Image();preload.src="image1.gif";preload.src="image2.gif";preload.src="image3.gif";preload.src="image4.gif";// End -->
&lt;/script&gt;
&lt;script LANGUAGE=&quot;JavaScript&quot;&gt;
<!--var ic = 0var NumOfPic = 4 //Total unmber of pictures usedfunction imgAdd(){    if (ic<NumOfPic) {    ic = ic + 1var fname = "image" + ic + ".gif"    document.img.src = fname }}function imgless(){if (ic > 1) {ic = ic - 1var fname = "image" + ic + ".gif" document.img.src = fname}}//-->
&lt;/script&gt;
</textarea></p>
              </form>
            </blockquote>
            <p>第二步:拷贝下面的代码到你的html文件的&lt;body&gt;和&lt;/body&gt;之间;</p>
            <blockquote>
              <form name="copy2">
                <p><textarea rows="4" name="S1" cols="39" onMouseOver="this.focus()" onFocus="this.select()">&lt;img src=&quot;image1.gif&quot; name=&quot;img&quot;&gt;&lt;br&gt;
&lt;FORM name=&quot;frm&quot;&gt;
&lt;INPUT type=&quot;button&quot; value=&quot;上一张&quot; onClick=&quot;imgless()&quot;&gt;
&lt;INPUT type=&quot;button&quot; value=&quot;下一张&quot; onClick=&quot;imgAdd()&quot;&gt;
&lt;/form&gt;</textarea></p>
              </form>
            </blockquote>
            <p>说明:将图片名称改为你自己的就可以了。</p>
            <p> </td>
          </tr>
        </table>
        </td>
      </tr>
      <tr>
        <td width="12%" bgcolor="#B7D1F4" valign="top"><p align="center"><font color="#FF8000">下载</font></td>
        <td width="88%" bgcolor="#FFFFFF"> 请到本站<a href="../download/index.htm">下载中心</a>下载</td>
      </tr>
      <tr>
        <td width="12%" bgcolor="#B7D1F4" valign="top"><p align="center"><font color="#FF8000">版权</font></td>
        <td width="88%" bgcolor="#FFFFFF"> 阿捷编辑整理</td>
      </tr>
    </table>
    </td>
  </tr>
</table>

<table border="0" width="100%" cellspacing="0" cellpadding="0" height="39">
  <tr>
    <td width="21%" bgcolor="#006DA2" height="25"><font color="#0072A8">.</font></td>
    <td width="79%" bgcolor="#E6F2FF" height="25" colspan="2"><p align="right"><br>
    上一页 下一页 <a href="js9.htm#top">回到页首</a></td>
  </tr>
  <tr>
    <td width="21%" height="3"></td>
    <td width="79%" height="3" align="center" colspan="2"><font color="#FFFFFF">.</font></td>
  </tr>
  <tr>
    <td width="21%" height="2"></td>
    <td width="27%" height="7" align="center" rowspan="2"><p align="right"><img src="../images/jlogo4.GIF" alt="jlogo4.GIF (1066 bytes)" WIDTH="26" HEIGHT="26"></td>
    <td width="52%" height="2">《<a href="http://ajie.cxinfo.com">网页设计师</a>》 
    阿捷制作 版权所有</td>
  </tr>
  <tr>
    <td width="21%" height="5"></td>
    <td width="52%" height="5"><font face="Arial">&copy;1999-2000</font> <font face="Arial">All 
    Rights Reserved</font></td>
  </tr>
  <tr>
    <td width="21%" height="4"></td>
    <td width="79%" height="4" align="center" colspan="2">本站教程免费学习,引用请注明出处,禁止抄袭。</td>
  </tr>
</table>
</body>
</html>

⌨️ 快捷键说明

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