【免费】Javascript实例教程资源-CSDN文库

共173个文件

gif：109个

htm：49个

jpg：11个

Javascript

需积分: 0 78 浏览量 2008-05-01 04:17:38 上传评论收藏 370KB RAR 举报

资源详情

资源评论

资源推荐

收起资源包目录

Javascript实例教程（173个子文件）

homepage.css 2KB

jump.gif 10KB

time.gif 2KB

logo3.gif 2KB

fix.gif 2KB

logo4.gif 2KB

logo5.gif 2KB

logo2.gif 2KB

logo1.gif 2KB

logo36.gif 2KB

logo34.gif 2KB

new.gif 2KB

logo35.gif 2KB

logo32.gif 2KB

logo33.gif 2KB

logo31.gif 2KB

logo37.gif 2KB

js2.gif 2KB

js.gif 1007B

bgfix.gif 883B

logo3.gif 840B

cb.gif 835B

logo30.gif 793B

logo40.gif 792B

logo4.gif 780B

js3.gif 716B

js1.gif 588B

rabbit.gif 583B

menu.gif 555B

logo2.gif 547B

logo5.gif 476B

bgfenlei1.gif 376B

line.gif 348B

line.gif 311B

2.gif 276B

logo1.gif 237B

1.gif 221B

plus.gif 205B

bule1.gif 190B

leftnew-0.gif 185B

open.gif 178B

logobg.gif 159B

bg1.gif 157B

javascript4.gif 112B

c2.gif 109B

c5.gif 107B

c3.gif 107B

c6.gif 105B

c7.gif 105B

c6.gif 105B

c7.gif 105B

c6.gif 105B

c7.gif 105B

c4.gif 103B

c9.gif 103B

c4.gif 103B

c9.gif 103B

c0.gif 103B

c9.gif 103B

c0.gif 103B

c4.gif 103B

c0.gif 103B

c1.gif 102B

c8.gif 100B

cpm.gif 91B

cam.gif 90B

javascript.gif 89B

bule2.gif 74B

共 173 条

<html> <head> <title>洪恩在线 - Javascript实例</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <link rel="stylesheet" href="../homepage.css"> </head> <body bgcolor="#FFFFFF" > <script language="Javascript" src="/pub/js/head.js"></script> <table width="760" height="20" border=0 cellspacing="0" cellpadding="0" align="center" > <tr bgcolor="CFDFFF"> <td height=20 class="p1" align="left"><img src="/pc/img/blank.gif" width="12" height="8"><font color="#000000"><font color="#FF9966">当前位置</font>：<a href="/default.htm" class="under">洪恩在线</a> -> <a href="/pc/index.htm" class="under">电脑乐园</a> -> JavaScript</font></td> </tr> </table> <div id="D1"> </div> <table width="760" border=0 cellspacing="0" cellpadding="0" align="center"> <tr> <td width="207" valign="top"><img src="img/bule.gif" width="207" height="13"></td> <td bgcolor="A8A8AB" width="1"><img src="img/blank.gif" width="1" height="1"></td> <td align="right" height="22" width=530><img src="img/js.gif" width="186" height="20"></td> <td width="22"><img src="img/blank.gif" width="1" height="1"></td> </tr> </table> <table width="760" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td width="124"><img src="img/blank.gif" width="1" height="1"></td> <td background="img/line.gif" height="27" width=636><img src="img/blank.gif" width="1" height="1"></td> </tr> </table> <table width="760" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td class=p3 align="center" width=711><b>　　　　<font color="#000000"><b>树型目录菜单</b></font></b></td> <td class="p2" width="1" bgcolor="A8A8AB"><img src="img/blank.gif" width="1" height="1"></td> <td class="p2" width="48"> </td> </tr> </table> <table width="760" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td align="center" valign="top"> </td> <td> </td> <td bgcolor="5F74BF" width="28" align="center"><img src="img/bule1.gif" width="28" height="49"></td> <td width="37" align="center"> </td> </tr> <tr> <td align="center" valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr align="center"> <td> <table width="110" border="0" cellspacing="0" cellpadding="0"> <tr bgcolor="5F74BF" align="center"> <td class="p1" align="right"><b><font color="#FFFFFF">效果演示</font></b><font color="#FFFFFF">：</font></td> <td class="p1" width="11"><img src="img/bule2.gif" width="11" height="18"></td> </tr> </table> </td> </tr> </table> </td> <td class=p2 align="left" > <p><font color="#FF6666"> 　　　　　</font></p> <p><font color="#FF6666">　　　　　<img src="img/menu.gif" > <script language="JavaScript" class=p2> NS4 = (document.layers) ? 1 : 0; IE4 = (document.all) ? 1 : 0; ver4 = (NS4 || IE4) ? 1 : 0; if (ver4) { with (document) { write("<STYLE TYPE='text/css'>"); if (NS4) { write(".parent {position:absolute; visibility:visible}"); write(".child {position:absolute; visibility:visible}"); write(".regular {position:absolute; visibility:visible}") } else { write(".child {display:none}"); } write("</STYLE>"); } } function getIndex(el) { ind = null; for (i=0; i<document.layers.length; i++) { whichEl = document.layers[i]; if (whichEl.id == el) { ind = i; break; } } return ind; } function arrange() { nextY = document.layers[firstInd].pageY +document.layers[firstInd].document.height; for (i=firstInd+1; i<document.layers.length; i++) { whichEl = document.layers[i]; if (whichEl.visibility != "hide") { whichEl.pageY = nextY; nextY += whichEl.document.height; } } } function initIt(){ if (!ver4) return; if (NS4) { for (i=0; i<document.layers.length; i++) { whichEl = document.layers[i]; if (whichEl.id.indexOf("Child") != -1) whichEl.visibility = "hide"; } arrange(); } else { divColl = document.all.tags("DIV"); for (i=0; i<divColl.length; i++) { whichEl = divColl(i); if (whichEl.className == "child") whichEl.style.display = "none"; } } } function expandIt(el) { if (!ver4) return; if (IE4) { whichEl = eval(el + "Child"); if (whichEl.style.display == "none") { whichEl.style.display = "block"; } else { whichEl.style.display = "none"; } } else { whichEl = eval("document." + el + "Child"); if (whichEl.visibility == "hide") { whichEl.visibility = "show"; } else { whichEl.visibility = "hide"; } arrange(); } } onload = initIt; </script> </font></p> <div id="KB1Parent" class="parent">　　　　<a href="#" onClick="expandIt('KB1'); return false" ><img src="img/plus.gif" border=0>文件夹一</a></div> <div id="KB1Child" class="child">　　　　　<a href="sample.htm" target="_blank" ><img src="img/spacer.gif" border=0 alt=""><img src="img/open.gif" border=0>页面一</a><br> 　　　　　<a href="sample.htm" target="_blank" ><img src="img/spacer.gif" border=0 alt="" width="15" height="11"><img src="img/open.gif" border=0>页面二</a><br> 　　　　　<a href="sample.htm" target="_blank" ><img src="img/spacer.gif" border=0 alt="" width="15" height="11"><img src="img/open.gif" border=0>页面三</a></div> <div id="KB2Parent" class="parent">　　　　<a href="#" onClick="expandIt('KB2'); return false" ><img src="img/plus.gif" border=0>文件夹二</a></div> <div id="KB2Child" class="child">　　　　　<a href="sample.htm" target="_blank" ><img src="img/spacer.gif" border=0 alt="" width="15" height="11"><img src="img/open.gif" border=0>页面一</a><br> 　　　　　<a href="sample.htm" target="_blank" ><img src="img/spacer.gif" border=0 alt=""><img src="img/open.gif" border=0>页面二</a><br> 　　　　　<a href="sample.htm" target="_blank" ><img src="img/spacer.gif" border=0 alt="" width="15" height="11"><img src="img/open.gif" border=0>页面三</a></div> <div id="KB3Parent" class="parent">　　　　<a href="#" onClick="expandIt('KB3'); return false" ><img src="img/plus.gif" border=0>文件夹三</a></div> <div id="KB3Child" class="child"> 　　　　　<a href="sample.htm" target="_blank" ><img src="img/spacer.gif" border=0 alt=""><img src="img/open.gif" border=0>页面一</a><br> 　　　　　　<a href="sample.htm" target="_blank" ><img src="img/open.gif" border=0>页面二</a><br> 　　　　　<a href="sample.htm" target="_blank" ><img src="img/spacer.gif" border=0 alt=""><img src="img/open.gif" border=0>页面三</a></div> <script language="JavaScript"> if (NS4) { firstEl = "KB1Parent"; firstInd = getIndex(firstEl); arrange(); } </script> <p>　</p> </td> <td bgcolor="5F74BF" width="28" align="center"> </td> <td width="37" align="center"> </td> </tr> <tr> <td align="center" valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="15"> </td> </tr> <tr align="center"> <td> <table width="110" border="0" cellspacing="0" cellpadding="0"> <tr bgcolor="5F74BF" align="center"> <td class="p1" align="right"><b><font color="#FFFFFF">源代码如下</font></b><f