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

📄 rollover.htm

📁 一部非常好的javaScript教程
💻 HTM
字号:
🔍 
<!--To put this html into an existing HTML document, you must copy the JavaScript and-->
<!--paste it in a specific location within the destination HTML document. You must then copy-->
<!--and paste the table in a different location.-->

<html>
<head>
<title>rollover.gif</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="Fireworks Splice HTML">
<!-- Fireworks 3.0  Dreamweaver 3.0 target.  Created Sun Dec 10 12:00:00 GMT+0800 (?D1ú±ê×?ê±??) 2000 -->

<script language="JavaScript">
<!--hide this script from non-javascript-enabled browsers

function MM_findObj(n, d) { //v3.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}
/* Functions that swaps images. */
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

/* Functions that handle preload. */
function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
   var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
   if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

// stop hiding -->
</script>

</head>
<body bgcolor="#ffffff" onLoad="MM_preloadImages('rollover_r06_c05_f2.gif','rollover_r06_c05_f3.gif','rollover_r06_c05_f4.gif','rollover_r06_c05_f10.gif','rollover_r06_c05_f5.gif','rollover_r06_c05_f9.gif','rollover_r06_c05_f8.gif','rollover_r06_c05_f6.gif','rollover_r06_c05_f7.gif');">

<!--The following section is an HTML table which reassembles the sliced image in a browser.-->
<!--Copy the table section including the opening and closing table tags, and paste the data where-->
<!--you want the reassembled image to appear in the destination document. -->

<!-------------------------- BEGIN COPYING THE HTML HERE ---------------------------->
<!-- Image with table -->
<table border="0" cellpadding="0" cellspacing="0" width="400">
<!-- fwtable fwsrc="rollover.png" fwbase="rollover.gif" -->
  <tr>
<!-- Shim row, height 1. -->
   <td><img src="shim.gif" width="40" height="1" border="0"></td>
   <td><img src="shim.gif" width="15" height="1" border="0"></td>
   <td><img src="shim.gif" width="8" height="1" border="0"></td>
   <td><img src="shim.gif" width="16" height="1" border="0"></td>
   <td><img src="shim.gif" width="12" height="1" border="0"></td>
   <td><img src="shim.gif" width="25" height="1" border="0"></td>
   <td><img src="shim.gif" width="10" height="1" border="0"></td>
   <td><img src="shim.gif" width="20" height="1" border="0"></td>
   <td><img src="shim.gif" width="41" height="1" border="0"></td>
   <td><img src="shim.gif" width="23" height="1" border="0"></td>
   <td><img src="shim.gif" width="20" height="1" border="0"></td>
   <td><img src="shim.gif" width="22" height="1" border="0"></td>
   <td><img src="shim.gif" width="29" height="1" border="0"></td>
   <td><img src="shim.gif" width="22" height="1" border="0"></td>
   <td><img src="shim.gif" width="7" height="1" border="0"></td>
   <td><img src="shim.gif" width="23" height="1" border="0"></td>
   <td><img src="shim.gif" width="21" height="1" border="0"></td>
   <td><img src="shim.gif" width="46" height="1" border="0"></td>
   <td><img src="shim.gif" width="1" height="1" border="0"></td>
  </tr>

  <tr valign="top"><!-- row 1 -->
   <td colspan="18"><img name="rollover_r01_c01" src="rollover_r01_c01.gif" width="400" height="45" border="0"></td>
   <td><img src="shim.gif" width="1" height="45" border="0"></td>
  </tr>
  <tr valign="top"><!-- row 2 -->
   <td rowspan="4" colspan="7"><img name="rollover_r02_c01" src="rollover_r02_c01.gif" width="126" height="64" border="0"></td>
   <td rowspan="2"><a href="chapter1/index.htm" onMouseOut="MM_swapImgRestore();"  onMouseOver="MM_swapImage('rollover_r06_c05','','rollover_r06_c05_f2.gif',1);" ><img name="rollover_r02_c08" src="rollover_r02_c08.gif" width="20" height="24" border="0"></a></td>
   <td rowspan="4" colspan="3"><img name="rollover_r02_c09" src="rollover_r02_c09.gif" width="84" height="64" border="0"></td>
   <td><a href="chapter2/index.htm" onMouseOut="MM_swapImgRestore();"  onMouseOver="MM_swapImage('rollover_r06_c05','','rollover_r06_c05_f3.gif',1);" ><img name="rollover_r02_c12" src="rollover_r02_c12.gif" width="22" height="18" border="0"></a></td>
   <td rowspan="3" colspan="6"><img name="rollover_r02_c13" src="rollover_r02_c13.gif" width="148" height="58" border="0"></td>
   <td><img src="shim.gif" width="1" height="18" border="0"></td>
  </tr>
  <tr valign="top"><!-- row 3 -->
   <td rowspan="3"><img name="rollover_r03_c12" src="rollover_r03_c12.gif" width="22" height="46" border="0"></td>
   <td><img src="shim.gif" width="1" height="6" border="0"></td>
  </tr>
  <tr valign="top"><!-- row 4 -->
   <td rowspan="2"><img name="rollover_r04_c08" src="rollover_r04_c08.gif" width="20" height="40" border="0"></td>
   <td><img src="shim.gif" width="1" height="34" border="0"></td>
  </tr>
  <tr valign="top"><!-- row 5 -->
   <td colspan="3"><img name="rollover_r05_c13" src="rollover_r05_c13.gif" width="58" height="6" border="0"></td>
   <td rowspan="2"><a href="chapter3/index.htm" onMouseOut="MM_swapImgRestore();"  onMouseOver="MM_swapImage('rollover_r06_c05','','rollover_r06_c05_f4.gif',1);" ><img name="rollover_r05_c16" src="rollover_r05_c16.gif" width="23" height="22" border="0"></a></td>
   <td rowspan="4" colspan="2"><img name="rollover_r05_c17" src="rollover_r05_c17.gif" width="67" height="94" border="0"></td>
   <td><img src="shim.gif" width="1" height="6" border="0"></td>
  </tr>
  <tr valign="top"><!-- row 6 -->
   <td rowspan="4" colspan="2"><img name="rollover_r06_c01" src="rollover_r06_c01.gif" width="55" height="96" border="0"></td>
   <td rowspan="2" colspan="2"><a href="chapter9/index.htm" onMouseOut="MM_swapImgRestore();"  onMouseOver="MM_swapImage('rollover_r06_c05','','rollover_r06_c05_f10.gif',1);" ><img name="rollover_r06_c03" src="rollover_r06_c03.gif" width="24" height="23" border="0"></a></td>
   <td rowspan="7" colspan="11"><img name="rollover_r06_c05" src="rollover_r06_c05.gif" width="231" height="184" border="0"></td>
   <td><img src="shim.gif" width="1" height="16" border="0"></td>
  </tr>
  <tr valign="top"><!-- row 7 -->
   <td rowspan="11"><img name="rollover_r07_c16" src="rollover_r07_c16.gif" width="23" height="275" border="0"></td>
   <td><img src="shim.gif" width="1" height="7" border="0"></td>
  </tr>
  <tr valign="top"><!-- row 8 -->
   <td rowspan="2" colspan="2"><img name="rollover_r08_c03" src="rollover_r08_c03.gif" width="24" height="73" border="0"></td>
   <td><img src="shim.gif" width="1" height="65" border="0"></td>
  </tr>
  <tr valign="top"><!-- row 9 -->
   <td rowspan="2"><a href="chapter4/index.htm" onMouseOut="MM_swapImgRestore();"  onMouseOver="MM_swapImage('rollover_r06_c05','','rollover_r06_c05_f5.gif',1);" ><img name="rollover_r09_c17" src="rollover_r09_c17.gif" width="21" height="21" border="0"></a></td>
   <td rowspan="9"><img name="rollover_r09_c18" src="rollover_r09_c18.gif" width="46" height="203" border="0"></td>
   <td><img src="shim.gif" width="1" height="8" border="0"></td>
  </tr>
  <tr valign="top"><!-- row 10 -->
   <td rowspan="8"><img name="rollover_r10_c01" src="rollover_r10_c01.gif" width="40" height="195" border="0"></td>
   <td rowspan="2" colspan="2"><a href="chapter8/index.htm" onMouseOut="MM_swapImgRestore();"  onMouseOver="MM_swapImage('rollover_r06_c05','','rollover_r06_c05_f9.gif',1);" ><img name="rollover_r10_c02" src="rollover_r10_c02.gif" width="23" height="23" border="0"></a></td>
   <td rowspan="8"><img name="rollover_r10_c04" src="rollover_r10_c04.gif" width="16" height="195" border="0"></td>
   <td><img src="shim.gif" width="1" height="13" border="0"></td>
  </tr>
  <tr valign="top"><!-- row 11 -->
   <td rowspan="7"><img name="rollover_r11_c17" src="rollover_r11_c17.gif" width="21" height="182" border="0"></td>
   <td><img src="shim.gif" width="1" height="10" border="0"></td>
  </tr>
  <tr valign="top"><!-- row 12 -->
   <td rowspan="6" colspan="2"><img name="rollover_r12_c02" src="rollover_r12_c02.gif" width="23" height="172" border="0"></td>
   <td><img src="shim.gif" width="1" height="65" border="0"></td>
  </tr>
  <tr valign="top"><!-- row 13 -->
   <td rowspan="5"><img name="rollover_r13_c05" src="rollover_r13_c05.gif" width="12" height="107" border="0"></td>
   <td rowspan="2"><a href="chapter7/index.htm" onMouseOut="MM_swapImgRestore();"  onMouseOver="MM_swapImage('rollover_r06_c05','','rollover_r06_c05_f8.gif',1);" ><img name="rollover_r13_c06" src="rollover_r13_c06.gif" width="25" height="26" border="0"></a></td>
   <td rowspan="3" colspan="7"><img name="rollover_r13_c07" src="rollover_r13_c07.gif" width="165" height="33" border="0"></td>
   <td><a href="chapter5/index.htm" onMouseOut="MM_swapImgRestore();"  onMouseOver="MM_swapImage('rollover_r06_c05','','rollover_r06_c05_f6.gif',1);" ><img name="rollover_r13_c14" src="rollover_r13_c14.gif" width="22" height="20" border="0"></a></td>
   <td rowspan="5"><img name="rollover_r13_c15" src="rollover_r13_c15.gif" width="7" height="107" border="0"></td>
   <td><img src="shim.gif" width="1" height="20" border="0"></td>
  </tr>
  <tr valign="top"><!-- row 14 -->
   <td rowspan="4"><img name="rollover_r14_c14" src="rollover_r14_c14.gif" width="22" height="87" border="0"></td>
   <td><img src="shim.gif" width="1" height="6" border="0"></td>
  </tr>
  <tr valign="top"><!-- row 15 -->
   <td rowspan="3"><img name="rollover_r15_c06" src="rollover_r15_c06.gif" width="25" height="81" border="0"></td>
   <td><img src="shim.gif" width="1" height="7" border="0"></td>
  </tr>
  <tr valign="top"><!-- row 16 -->
   <td rowspan="2" colspan="3"><img name="rollover_r16_c07" src="rollover_r16_c07.gif" width="71" height="74" border="0"></td>
   <td><a href="chapter6/index.htm" onMouseOut="MM_swapImgRestore();"  onMouseOver="MM_swapImage('rollover_r06_c05','','rollover_r06_c05_f7.gif',1);" ><img name="rollover_r16_c10" src="rollover_r16_c10.gif" width="23" height="22" border="0"></a></td>
   <td rowspan="2" colspan="3"><img name="rollover_r16_c11" src="rollover_r16_c11.gif" width="71" height="74" border="0"></td>
   <td><img src="shim.gif" width="1" height="22" border="0"></td>
  </tr>
  <tr valign="top"><!-- row 17 -->
   <td><img name="rollover_r17_c10" src="rollover_r17_c10.gif" width="23" height="52" border="0"></td>
   <td><img src="shim.gif" width="1" height="52" border="0"></td>
  </tr>
<!--   This table was automatically created with Macromedia Fireworks 3.0   -->
<!--   http://www.macromedia.com   -->

</table>
<!--------------------------- STOP COPYING THE HTML HERE --------------------------->

</body>

</html>

⌨️ 快捷键说明

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