¦p¦ó°µ¤@­Ó IE ©M NS Âù¥Îªº¤U©Ô¥\¯à¿ï³æ

¤@¯ëªº³B²z­ì«h

¤U©Ô¦¡¥\¯à¿ï³æªº­ì²z
¦b¤@¯ëµøµ¡¤¤¡A¦b¼ÐÃD¦C¤§¤U¡A¥i¥Î·Æ¹««ö¶s¾Þ§@¡A¼u¥X¦¬¦XªþÄݿﶵ°Ï¶ôªº¥\¯à ¿ï³æ¡A¬O³Ì´¶³q¦Ó°ò¥»ªº¯à¤O¡C¦ý¥¦¤§©Ò¥H¯à¹B§@¡A¥²¶·¦³¤@­Ó¯à°÷§ïÅÜÅã¥Ü©ÎÁôÂà ª¬ºAªº¤¸¥ó¡A°µ¬°°ÊºAªº¿ï³æªí¡C´N³oÂI¨Ó»¡¡A¶Ç²ÎÀRºAªº HTML ºô­¶¡A°£¤F­«·s¥Ñ Server ¤U¸ü·sªº¿ï³æ­¶¡A§_«h¬OµLªk§ïÅܬJ¦sªº­¶­±ª¬ºAªº¡C¨ì¤F DHTML °ÊºAºô­¶«á ¡A§Ú­Ì¤w¸g¥i¥H¦³¨Ç§ï¼g¤¸¥óªº¯à¤O¡A¥h¼ÒÀÀ¤@¯ëµøµ¡À³¥Îµ{¦¡ªº³oºØ¥\¯à¡C­n¦bºô­¶ ¤W¹F¦¨³o­Ó¥\¯à¡A§Ú­Ì²Ä¤@­Ó­n«ä¦Òªº°ÝÃD´N¬O¡Aºô­¶¤Wªº¤°»ò¤¸¥ó¥i¥H¦]ÂsÄýªÌªº ¾Þ§@¦Ó§ïÅÜÅã¥Üª¬ºA¡H ¦^¿ï³æ
¤°»ò¤¸¥ó¯à¦b DHTML ¤¤§ïÅÜÅã¥Üª¬ºA
³o­Ó°ÝÃD¥²¶·¨Ì DHTML ÂsÄý¾¹¤¸¥óªº°ÊºA ¯à¤O¨Ó¨M©w¡C¦b Internet Explorer 4.0 ¥H¤W¡A°t¦X CSS visibility Äݩʪº¾Þ§@¡A ´X¥G©Ò¦³ºô­¶¤¸¥ó³£¦³°ÊºAÅã¥Ü¤ÎÁôÂ꺯à¤O¡A¦]¦¹¥u­n¬Oºô­¶ªº°Ï¬q¤¸¥ó¡A³£¥i¥H °µ¬°¥\¯à¿ï³æªº¤¸¥ó¡C¦ý Netscape Navigator ª¬ªp´N¦³¨Ç³Â·Ð¤F¡A¦]¬° Netscape ¶Ç²Îªº HTML ¼ÐÅÒ¡A°£¤F <IMG> ªº SRC ÄݩʡA©M <FORM> ªþÄݼÐÅÒªº VALUE Äݩʥi¥H°ÊºA§ïÅÜ¥~¡A¨ä¥L¤¸¥ó³£¬OµLªk¥Î Script ±Ô­z¥h¾Þ§@§ïÅܪº¡A´Nºâ ¥¦­Ì¤]¤ä´© CSS ªº visibility ÄݩʡA¦ý«o¤£¯à¹³ Explorer ¤@¼Ë¥i¥H°ÊºA§ïÅܪº¡C ©Ò¥H³Ì«áªº¿ï¾Ü¥u³Ñ¤U Netscape 4.0 ª©¥H«á¦Û¤v¿W®a¤ä´©ªººô­¶¤¸¥ó LAYER ¡A ³o¬O±©¤@¤@­Ó¥L¥i¥H¥þ­±¤ä´©°ÊºA§ïÅܪººô­¶¤¸¥ó¡C ¦^¿ï³æ
¨ä¹ê§A¤£À´ Netscape ªº¤ß
¥u­n´£°_ Netscape ªº LAYER ¼ÐÅÒ¡A©Ò¦³ IE ¬£ªººô­¶³]­pªÌ¤@­Ó¦@¦Pªºªí±¡ ´N¬O !! OH !! My God !!¡A¦]¬°¥Î¤F LAYER ¼ÐÅÒ¡A´Nªí¥Ü¨ä¥LÂsÄý¾¹§¹¥þµLªk³B²z¡A ¤£¬O­n¼g¨â¥÷ºô­¶¡A´N¬O­n¥Î <NOLAYER> ©M <COMMENT> ¼ÐÅÒ¦b¨º¸Ì ´¡¨Ó´¡¥hªº¡A³Ì«á HTML ½Z©M Script ±Ô­z¡A¥i¤£¥u¬O§xÃøÂù­¿¦Ó¤w¡C¦ý³o¬O¹ê±¡¶Ü¡H ÁÙ¬O§Ú­Ì²ßºD¥Î IE ªº«ä¦Ò¼Ò¦¡¨Ó¬Ý Netscape ©O¡H§Ú¦b³o¸Ì¥ý§i¶D§A¡A¥»½g½d¨Ò¡A §¹¥þ¨Ï¥Î HTML 4.0 ¼Ð·Ç¼ÐÅÒ¡A­Y¦³¥Î¤@­Ó LAYER ¡A½àª÷ 2000 NT ¡C©Î³\§A·|°Ý¡A §@ªÌ¦Û¤v¤£¬O»¡ Netscape ¥u¦³ LAYER ¤¸¥ó¤~¯à°ÊºA§ïÅÜ¡A«ç»ò¤S¦Û¬Û¥Ù¬Þ¤F©O¡H ¤£­n«æ¡AÅ¥§Ú»¡¤U¥h¡CNetscape ªº½T¥u¦³ LAYER ¤¸¥ó¤~¯à°ÊºA§ïÅÜ¡A¦ý¦pªG§A¬° §Aªººô­¶¼ÐÅÒ¥[¤W STYLE="position:relative" ©ÎªÌ¬O STYLE="position:absolute" ªº CSS Äݩʳ]©w¤§«á¡ANetscape ·|§â­ì¨Ó§A³o­Ó­ì¥»«D LAYER ¼ÐÅÒ°µ [ÀÀ Layer] ªº³B²z¡C¤£«H¡A¸òµÛ§Ú°µ¤U­±ªº¹êÅç¡C ¦^¿ï³æ
Netscape ¤¤¥]ÂмÐÅÒªºÀÀ LAYER ¤Æ
§A¥ý¦b HTML ¤¤³o¼Ë±Ô­z¡G
<DIV ID="div1"></DIV>
µM«á§A¦bºô­¶¨ä¥L¦a¤è´¡¤J Script ¥[¥H°õ¦æ¤U­±ªº±Ô­z¡G
var str="",obj;

for (obj in document.layers)
{str+=obj+" : "+document.layers[obj]+"\n";}
alert(str);
µ²ªG¬O - length:0 -¡Aªí¥Ü¸Óºô­¶¨S¦³ layer ¤¸¥óªº¦s¦b¡A³o®É§A¦A§â­è¤~¨º­Ó DIV ¼ÐÅÒ§ï¤@¤U¡G
<DIV ID="div1" STYLE="position:absolute"></DIV>
µM«á¦A°õ¦æ¤@¤U­è¤~ªº Script ¡A§A·|µoıµ²ªG¬O¡G
length:1
div1:[object layer]
³oªí¥Ü­ì¥» HTML ªº DIV ¼ÐÅÒ¡A³o·|¦¨¤F layers ¶°¦Xªº¤@³¡¥÷¡A¤É®æ¨ì¥i¥H¹³ LAYER ¤@¼Ë§ïÅÜÅã¥ÜÄݩʤΦ³­«·s§ï¼g¯à¤O¤F¡C¨ä¹ê¤£¥u DIV ¡A¨ä¥L HTML ¤¤¥i°µ ¥]ÂФå¦r¤º®eªº¼ÐÅÒ¡A¦p <SPAN>,<P>......µ¥¡A³q³q¥i¥H¥Î³o¤è¦¡¤É®æ ¦¨·Ç LAYER ¤¸¥ó¨Ó¨Ï¥Î¡C³o¤~¬O Netscape ¦w±Æ¯u¥¿ªº¥Î·N¡A´N¬O LAYER ªº´£¥X¡A ¤£¥u¦³ LAYER ¤@­Ó¼ÐÅÒ¯à¥Î¡A¦Ó¬O¨ä¥L¥]ÂмÐÅÒ¤]¯à¨Ï¥Î¡A¦b§OªºÂsÄý¾¹¤¤§â¥¦­Ì ·í°µ DIV,SPAN,P ³B²z¡A¦Ó Netscape «h¤@·§·í°µ LAYER ¨Ó¸Ñ¨M¡C¨º»ò Cross Browser ¦b Netscape ùدuªº³o»òÃø¶Ü¡HÁÙ¬O§A¤@¦V»~¸Ñ¤F Netscape¡H ¦^¿ï³æ
¦p¦ó¿ï¾Ü¨Æ¥óIJµo¾¹¤¸¥ó
Âô¹L¤F¸óÂsÄý¾¹ªº²Ä¤@­ÓÃøÃD«á¡A§Ú­Ì­n¨Ó³B²z¨Æ¥óIJµo¾¹ªº²Ä¤G­ÓÃøÃD¡C ©Ò¿×¨Æ¥óIJµo¡A´N¬O§A¦p¦ó¦b Script ±Ô­z¤¤±µ¦¬¨ìÂsÄýªÌªº¾Þ°µ°Ê§@¡A±q¦Ó¨M©w¤°»ò ®É­Ô¥\¯à¿ï³æ¸ÓÅã¥Ü©ÎÁôÂáH¤]´N¬O­n¥Ñ¤°»ò¼Ëªººô­¶¼ÐÅÒ¨Ó³qª¾§AÂsÄýªÌ°µ¤F ¤°»ò°Ê§@¡C³o¦b Explorer 4.0 ¥H«áªºª©¥»°ÝÃD¤ñ¸û¤p¡A¦]¬°©Ò¦³ªººô­¶¼ÐÅÒ³£³Q ³]­p¦¨¥i¾Þ§@ª«¥ó¡A´X¥G¥i¥H±µ¦¬©Ò¦³ÂsÄýªÌ¦bÂsÄýºô­¶®Éªº¦UºØÁä½L©M·Æ¹«°Ê§@¡A ©Ò¥H¤j³¡¥÷ªººô­¶¼ÐÅÒ¡A³£¯à®³¨Ó°µ¨Æ¥óIJµo¾¹¡C¦ý Navigator ´N¤£¦P¤F ¡A­º¥ý¨Ã¤£¬O©Ò¦³ºô­¶¼ÐÅÒ³£¥i¥H³Q Script ¾Þ§@¡A°£¤F anchor,link,image, embed,form...µ¥¥i³Q¾Þ§@¥~¡A¨ä¥L Hn ¼ÐÅÒ¡AP ¼ÐÅÒ¡A¤Î¤j³¡¥÷ªº®æ¦¡¼ÐÅÒ³£¬O µLªk¾Þ§@ª«¥ó¡A¤£¯à§ïÅÜ¡A¤]±µ¦¬¤£¨ì¥ô¦ó¦]ÂsÄýªÌ°Ê§@¦Ó²£¥Íªº¨Æ¥ó¡C²Ä¤G¬O ´Nºâ¥i¾Þ§@ª«¥ó¡A¤]¤£¬O©Ò¦³ÂsÄýªÌ°Ê§@¨Æ¥ó¥¦³£¦¬ªº¨ì¡A¹³ image ª«¥ó¡A¥¦¥i¥H °»´ú¨ì¨Ï¥ÎªÌ¥Î·Æ¹«¦b¥¦¤W­± Down,Up,Click °Ê§@¡A¦ý¨S¿ìªk°»´ú¨ì Over ©M Out °Ê§@¡A¦ý link ¹ï³o¤è­±ªº¤ä´©´N¤ñ image ¥þ­±¡C©Ò¥H·í§A³]­p¤@¥÷Âù¥Îªººô­¶®É¡A ¥²¶·¥ý·Q²M·¡¡A§Aªººô­¶­n«ç¼Ë©MÂsÄýªÌ¤¬°Ê¡A±q¦Ó¥h¿ï¾Ü Explorer ©M Navigator ¦@¦P¦³¸Ó¥\¯àªººô­¶¼ÐÅÒ·í§Aªº¨Æ¥óIJµo¾¹¡C¦b¥»½d¨Ò¤¤§Ú¨Ï¥Î¤F <A> ·í°µ ¿ï³æÄ²µo¾¹¡A¦]¬°¤£ºÞ¬O MouseOver,MouseOut,MouseDown,MouseUp,MouseClick ¡A ³o¨Ç·Æ¹«°Ê§@¥¦³£·|¦³¤ÏÀ³¡A¨Ã¥B¬° Explorer ©M Netscape ¦@¦P¤ä´©¡C ¦^¿ï³æ
ª«¥ó¾Þ§@¤Àª[ªº¸Ñ¨M
¨ì¥Ø«e¬°¤î¡A¦b HTML ¼ÐÅÒªº¨Ï¥Î³¡¥÷¡A§Ú­Ìªº°ÝÃD°ò¥»¤W°ÝÃD¤w¸Ñ¨M¡A³Ñ¤U¨Ó ´N¬O¨º­Ó¦b Explorer ¤¤³Q·í°µ DIV¡A¦Ó¦b Netscape ¤¤³Q·í°µ Layer ªº¤¸¥ó­n ¦p¦ó¦b Script ¤¤¾Þ§@ªº°ÝÃD¤F¡C°ò¥»¤W¤£ºÞ¦b Explorer ©M Netscape ¤¤­n§ïÅÜ Åã¥Üª¬ºAªº¤èªk¬O¤@¼Ëªº¡A¨º´N¬O³]©w visibilility ªºÄݩʡA¦ý ¨âÃäÂsÄý¾¹­n«ç¼Ë©I¥s³o­Ó°Ï¶ôª«¥ó¡A¥i´N¤j¤j¤£¦P¤F¡CÄ´¦p¥»½d¨Òªº¼u¥X¿ï³æ³]©w ¬O <DIV ID="item0" ...>¡A¨º»ò¦b Explorer ¤¤­n§ïÅÜÅã¥Üª¬ºA´N¬O¡G
item0.style.visibility="visible"
/* or */
item0.style.visibility="hidden"

/* ¦]¬° visibility ¬O style ª«¥óªºªþÄÝÄÝ©Ê */
¦ý¦pªG¬O Netscape ¡AÁöµM¥¦ªº Layer ¤@¼Ë¤ä´© ID ÄݩʡA¦ý¥i¤£ªí¥Ü¥¦¥i¹³ Explorer ¤@¼Ë¡Aª½±µ©I¥s item0 ´N¥i¥H¤F¡A§AÁÙ¬O­n«ö·Ó Netscape ¤@¦Vªº¶¥¼h ª«¥ó©I¥sªº¤è¦¡¡A¦p¡G
document.item0.visibility="visible or hidden";
/* or */
document.layers.item0.visibility="visible or hidden";

/* 1.«ØÄ³¨Ï¥Î«á¤@ºØ©I¥s¡A¦]¬°¬O¤@¯ëªº°ò¥»ªk«h¡C
   2.visibility ¬O Layer ªºª½±µÄݩʡA¤£»Ý¥[ style ¡A¤]¨S¦³ style ³oªF¦è¡C */
¦ý¹³¥»½d¨Ò¬O±Ä¥Î¨â¼h¥]»qªº DIV ¼ÐÅÒ¡A¦p¡G
<DIV ID="MenuLine" ...>
    <DIV ID="item0" ...>
        /* ............. */
    </DIV>
</DIV>
ÁöµM Explorer ªº©I¥s¤è¦¡¤£ÅÜ¡A¦ý Netscape «o­n§ï¦¨¡G
document.layers.MenuLine.layers.item0.visibility="visible or hidden";

/* ¥H¤W¬O¨â¼h layer ©I¥s¡A¦pªG¤T¼h¨º´N¬O¡G */
document.layers.MenuLine.layers.subgroup.layers.item0.visibility="visible or hidden";

/* ¦pªG¥|¼h¡A¤Ñ§o§O»¡¤F¡AÂsÄý¾¹­n¶ëÃz¤F¡C */
¦Ü©ó¤À§O¨ÌÂsÄý¾¹°õ¦æ¤£¦Pµ{¦¡½X¡A§Ú­Ì±Ë±ó³Ì±`¥Î°»´úÂsÄý¾¹ª«¥ó navigator ÄݩʭȪº¤èªk¡A¦Ó§ï¥Î¯S®íª«¥ó°»´úªk¡CÄ´¦p Explorer document ©³¤U¦³­Ó all ¶°¦Xª«¥ó¡A¨º§Ú­Ì´N¥i¥Î¡G
if (document.all)
{
/* ...... IE ª«¥ó¾Þ§@±Ô­z */
}

/* ¦]¬° Explorer ùئ³ all ³o­Ó¶°¦Xª«¥ó¡A©Ò¥H·|¶Ç¦^¯u­È¡A°õ¦æ if °Ï¬qùتº Script¡C
   ¦ý Navigator ¦]¬°¨S¦³ all ¶°¦Xª«¥ó¡A©Ò¥H¶Ç¦^°°­È¡A¤£°õ¦æ if °Ï¬qùتº Script¡C */
¦P¼Ëªº¡A¥u¦³ Navigator 4.0 ¥H«áªºª©¥»¤~¦³ layer ¼ÐÅÒ¡A©Ò¥H¦P²z§Ú­Ì¥i¥H¡G
if (document.layers)
{
/* ...... NS ª«¥ó¾Þ§@±Ô­z */
}

/* ¤§©Ò¥H¥Î layers ½Æ¼Æ¡A¦Ó¤£¬O layer ³æ¼Æ¡A¬O¦]¬° layer ¬O¥H¶°¦Xª¬ºAÁõÄÝ©ó document */
¦n¤F¡A¥»½d¨Ò IE ©M NS ³q¥Î¤U©Ô¿ï³æ°ò¥»­ì²z¤j·§´N¬O³o¼Ë¡A©¹¤U§Ú±N¬°¤j®a ¸Ñ»¡¥»½d¨Ò¹ê°µ¤è¦¡¡C ¦^¿ï³æ

¥»½d¨Òºô­¶¹ê§@¤j­n

HTML °Ï¬q¦w±Æ
²{¦b§Ú­Ì´N¨Ó¥Ü½d¥»½d¨Ò¦p¦óÅý Explorer ·í°µ DIV ¡A¦Ó Netscape §â¥¦·í°µ LAYER ³B²zªº HTML ¤â½ZÀ³¦p¦ó¦w±Æ¨ä¦U°Ï¬q¡G
<!-- ¿ï³æ¸s²Õ°Ï¬q¶}©l¡A¥»°Ï¬qªº­«ÂI¬O STYLE="position:absolute;" ªº³]©w¡A·N«ä¬O­n¦b Netscape ¤¤·í°µ LAYER ¨Ó³B²z¡C  -->
<DIV ID="MenuLine" STYLE="position:absolute;...">

    <!-- ¤@¯ë­ì«h¼u¥X°Ï¬q¶}©l¡A¥»°Ï¬q­«ÂI¬O visibility="hidden" ¡A·N«ä¬O¤@¶}©l¬OÁôÂ꺡A¨ä¥L´X­Ó¿ï³æ¼u¥X°Ï¤]¬O¦p¦¹¡C  -->
    <DIV ID="item0" STYLE="position:absolute;...visibility:hidden;">

    </DIV>
    <!-- ¤@¯ë­ì«h¼u¥X°Ï¬qµ²§ô -->

    <!-- ...¨ä¥L¼u¥X°Ï¬q... -->

</DIV>
<!-- ¿ï³æ¸s²Õ°Ï¬qµ²§ô -->

<!-- ¥»¤å»¡©ú°Ï¬q¶}©l¡A¨S¦³ position ªº³]©w¡A·N«ä¬O¤£»Ý­n°µ Layer ³B²z¡C -->
<DIV ID="Content">

</DIV>
<!-- ¥»¤å»¡©ú°Ï¬qµ²§ô -->
¦^¿ï³æ
¼u¥X¨Æ¥ó±µ¦¬¾¹ªº¦w±Æ
©Ò¦³ªº¼u¥X¿ï³æ°Ï¶ô³£³]¸m¦n¤§«á¡A±µµÛ´N­n¦w±Æ¤@­Ó¹³µøµ¡À³¥Îµ{¦¡¤@¼Ëªº¾î±ø ¡A¥H·PÀ³ÂsÄýªÌ¦b¾î±ø¤Wªº·Æ¹«°Ê§@¡A¨Ó¨M©w¼u¥X°Ï¬qªºÅã¥Ü©MÁôÂáC¦b¥»¨Ò¤¤§Ú­Ì¬O §â¥¦´¡¦b©M¼u¥X°Ï¬q¦P¤@­Ó°Ï²Õ¡A°µ¬°²Ä¤@­Ó¤l Layer °Ï¬q¡A¦p¡G
<!-- ¿ï³æ¸s²Õ°Ï¬q¶}©l -->
<DIV ID="MenuLine" STYLE="position:absolute;...">

    <!-- ¿ï³æÄ²µo¾¹°Ï¬q¶}©l -->
    <DIV ID="MenuBar" STYLE="position:absolute;...">
        <!-- ...... -->
    </DIV>
    <!-- ¿ï³æÄ²µo¾¹°Ï¬qµ²§ô -->

    <!-- ¤@¯ë­ì«h¼u¥X°Ï¬q¶}©l -->
    <DIV ID="item0" STYLE="position:absolute;...">

    <!-- ...¨ä¥L¼u¥X°Ï¬q... -->

</DIV>
<!-- ¿ï³æ¸s²Õ°Ï¬qµ²§ô -->
¦w±Æ°µ¬°²Ä¤@­Ó°Ï¬qªº¥Î·N¬O°µ¬°«á­±¼u¥X°Ï¬q©w¦ìªº¥Î·N¡C¦Ü©ó¦b¦¹Ä²µo¨Æ¥ó±µ¦¬ °Ï¬q¸Ó¥Î¤°»òºô­¶¼ÐÅÒ°µ¨Æ¥ó±µ¦¬¾¹©O¡H¦Ò¼{¤@¯ëµøµ¡µ{¦¡¥\¯à¿ï³æªº°Ê§@¬O MouseClick ®É¼u¥X¿ï³æ¡AMouseMove ®É¤Á´«¿ï³æ¡A¦]¦¹³o­Ó¼ÐÅÒÀ³¸Ó­n¹ï onmouseover,onmouseout,onclick µ¥¨Æ¥ó³£­n¦³¤ÏÀ³¡A¦b¦¹¦Ò¶q¤U¡ANetscape ªººô­¶ ¼ÐÅÒ¤¤¡A¥u¦³°µ¬° Link ¤¸¥óªº <A> ¼ÐÅҳ̦X¾A¡A¦]¦¹¦b¨Æ¥óIJµo°Ï¬q¡A§Ú­Ì ¹ï¨Æ¥ó±µ¦¬¾¹ªº³]©w¬O¡G
    <!-- ¿ï³æÄ²µo¾¹°Ï¬q¶}©l -->
    <DIV ID="MenuBar" STYLE="position:absolute;...">
        <A HREF="#"
            /* ·í·Æ¹«¶i¤J´N¤Á´«¨ì¥»¶µªþÄÝªí³æªº¼u¥X¡A°Ñ¼Æ index ªí¼u¥Xªí³æÃ丹¡C */
            onmouseover="ShowItem(index);return false;"

            /* ·í·Æ¹«Â÷¶}´N¸Ñ°£ªþÄݼu¥Xªí³æªºÂê©wª¬ºA */
            onmouseout="UnLock();return false;"

            /* ·í·Æ¹««ö¤U´N¼u¥XªþÄÝªí³æ¡A¨Ã¥[¥HÂê©w¡AÁ×§K³QÃö³¬¡C */
            onclick="PopupItem(index);return false;">¤@¯ë­ì«h</A>  
        <A HREF="#"

            /* ...¨ä¥L¨Æ¥ó±µ¦¬¾¹³]©w... */
    </DIV>
    <!-- ¿ï³æÄ²µo¾¹°Ï¬qµ²§ô -->
¦^¿ï³æ
¼u¥X¥\¯àªí°Ï¬q¦p¦ó©w¦ì
·í©Ò¦³¨Æ¥ó±µ¦¬¾¹¥¬¸m§¹²¦«á¡A¥\¯à¸s²ÕªºÅã¥Ü¦ì¸m§Y¥i½T©w¡A §Ú­Ì±µµÛ´N­n°µ¦UªþÄݼu¥Xªí³æªº©w¦ì¤u§@¡C ·íµM°Õ¡A§A·|Á|¤@°ï FrontPage 2000 ,Dreamwaver 3.0 ©Î microsoft ºô¯¸ªº¥~³¡ Script ¼Ò²Õªº¤è¦¡¡A«ü¥X¥Î Script ¨Óºâ³Ì·Ç¡C¦ýÄǤF§Ú§a¡A¨º¤@°ï¶¨Ó¶¥hªº µ{¦¡±Ô­z¡A§A¤@¥b³£ÁÙ¨S·dÀ´¡AÀY¦­¤w©üªº­n­Ë¤U¨Ó¤F¡CÁÙ¬Oª½Ä±¤@ÂI¡A¥Î left ©M top ÄݩʡA§â¤@­Ó­Ó¿ï³æ°Ï¶ô²¾¨ì§A»{¬°¾A·íªº¦ì¸m¡A­nª`·Nªº¬O«×¶q³æ¦ì¤£­n¥Î pixel ¡A¦Ó­n¥Î em ¡A¦]¬° pixel ¬O¥H¿Ã¹õ¹ÏÂI¬°°Ñ¦Ò³æ¦ì¡A¸U¤@ÂsÄýªÌ¨Ï¥Î¦r«¬¤j¤p©M§A ¤£¤@¼Ë¡A¾ã­Ó°Ï¶ô·|°¾²¾¡A¦ý em ¬O¥H¦r«¬¤j¤p¬°°Ñ¦Ò¡A¯à¨Ì¦r«¬¤j¤p¦Û°Ê½Õ¾ã¡C©Ò¥H ¥»­¶ªº©w¦ì¬O¡G
    <!-- ¤@¯ë­ì«h¼u¥X°Ï¬q¶}©l -->
    <DIV ID="item0" STYLE="...top:1em;left:0em;...">

    <!-- ½d¨Ò¹ê§@¼u¥X°Ï¬q¶}©l -->
    <DIV ID="item1" STYLE="...top:1em;left:4.7em;...">

    <!-- ª`·N¨Æ¶µ¼u¥X°Ï¬q¶}©l -->
    <DIV ID="item2" STYLE="...top:1em;left:9.5em;...">

    <!-- ºô¯¸Ápµ²¼u¥X°Ï¬q¶}©l -->
    <DIV ID="item3" STYLE="...top:1em;left:14.2em;...">
¦Ü©ó³o¨Ç¦ì²¾­È«ç»ò¨Óªº¡H·íµM¬OÃä¬ÝÃä§ïªº¥Ø´úªkÅo¡C¦Ü©ó§A¤@©w­n°l°Ý¨º­n¥\¯àªí ¸m¤¤¡B¸m¥k«ç»ò¿ì¡H§Ú¥u¯àµªÂЧA¡A·íµM¾ã­Ó·|¶Ã±¼¡A¦ý¨º¤w¸g¬O¥t¤@­Ó¥DÃD¡Aºô­¶ ¤¸¥ó©w¦ì°ÝÃD¡A¶W¥X¤F¥»½d¨Ò°Q½×½d³ò¡C ¦^¿ï³æ
¥»½d¨Òªº Script °Ï¬q¦w±Æ
´N¦p¦P¥»¤å¦bª«¥ó¾Þ§@¤Àª[ªº¸Ñ¨M¤@¸`©Ò¨¥¡A´N¾ã½g DHTML ½Z¦Ó»¡¡A¨ä¥L³£¬O¥i¦@³qªº ¡A¥u¦³¤@­Ó·í°µ DIV ³B²z¡A¤@­Ó·í°µ LAYER ³B²z¡A³o³¡¥÷¬O¤£¦Pªº¡A©Ò¥H¨ä¥L Script ³¡¥÷³£¥i¥H¦@¥Î¡A¥u¦³³o³¡¥÷­n¨ÌÂsÄý¾¹°µ¤£¦Pªº°Ê§@¡C©Ò¥H§Ú«ØÄ³¤j®a©M§Ú¼g¦¹½d¨Ò ®Éªº°µªk¤@¼Ë¡A¥ý§âÅã¥Ü©MÁôÂüu¥X°Ï¶ôªº Script ¼g¦¨¥i³Q©I¥s¨ç¼Æ¡A¦p¦¹¦A¼g¨ä¥L ¦@³q³¡¥÷¡A´N¤£·|·Pı­n¼g¨â®M Script ¤F¡C¥»½d¨Ò¬°°Ï¶ôÅã¥Ü©MÁôÂæU°µ¤@­Ó function ¦p¤U¡G
/* Åã¥Ü¤l¿ï³æ¡Aitem °Ñ¼Æªí¥ÜÅã¥Ü¨º¤@­Ó¤l¿ï³æ¡C */
function ItemVisible(item)
{
    var ShowArea,OK=false;

    /* document ¦³ all ª«¥ó¡Aªí¥ÜÂsÄý¾¹¬O IE 4.0 ¥H¤W¡A
       «h ShowArea Åܼƭn°Ñ·Óºô­¶¤¸¥óªº style ªþÄݪ«¥ó¡C */
    if (document.all) {OK=true;ShowArea=eval(item+".style");}

    /* document ¦³ layers ª«¥ó¡Aªí¥ÜÂsÄý¾¹¬O NS 4.0 ¥H¤W¡A
       «h ShowArea Åܼƭn°Ñ·Óºô­¶ªº layer ª«¥ó¡C */
    if (document.layers) {OK=true;
        ShowArea=eval("document.layers.MenuLine.layers."+item);}

    /* ¨Ï¤¸¥ó¥i¨£ */
    if (OK) {ShowArea.visibility="visible";}
}

/* Ãö³¬¤l¿ï³æ¡Aitem °Ñ¼Æªí¥ÜÅã¥Ü¨º¤@­Ó¤l¿ï³æ¡C */
function ItemHidden(item)
{
    var ShowArea,OK=false;
    if (document.all) {OK=true;ShowArea=eval(item+".style");}
    if (document.layers) {OK=true;
        ShowArea=eval("document.layers.MenuLine.layers."+item);}

    /* ¨Ï¤¸¥ó¤£¥i¨£ */
    if (OK) {ShowArea.visibility="hidden";}
}
·í§A°µ¦n³o³¡¥÷«á¡A°t¦X¨Æ¥ó±µ¦¬¾¹ªº Script¡G
onmouseover="ShowItem(index);return false;"
¤U­±³o¬q±Ô­z¨â®aÂsÄý¾¹¥Î°_¨Ó´N²@µL»Ùê¤F¡G
/* ¼u¥X¤l¿ï³æ */
function PopupItem(idx)
{
    /* Ãö±¼©Ò¦³¿ï³æ */
    for (var i=0;i<layernumber;i++) {ItemHidden(childlayer+i);}
    /* ¼u¥X©Ò¿ï¾Üªº¿ï³æ */
    ItemVisible(childlayer+idx);
    /* ¼Ð©ú¿ï³æ¤w¼u¥X */
    pop=true;
    /* Âê¦í¼u¥X¿ï³æ */
    lock=true;
}
¥H¤W´N¬O¥»½d¨Ò Script ±Ô­zªº­«ÂI¡A¨ä¥L´N¤£¤@¦A­«ÂФF¡A¬Ý¬Ý¥»­¶ªº Script ¡A §AÀ³¸Ó«Ü®e©ö´N»â·|¤F¡C
¦^¿ï³æ

¨ä¥Lª`·N¨Æ¶µ

¼u¥X¿ï³æ¬°¦ó­n¦³ Background-Image ªº³]©w
¦pªG§A¥J²ÓÆ[¬Ý¥»½d¨Ò¤â½Z¡A§A·|µoı¦U¥\¯à¼u¥X°Ï¶ô¦b STYLE ùس£¦³­Ó "background-image:url(menuback.gif)" ªº CSS ³]©w¡Amenuback.gif ¬O¤°»ò¥È¾÷¡H ¨ä¹ê¥¦ªºªø¬Û´N¬O ¡÷ ¼u¥X°Ï¶ô­I´º¹Ï«¬¡C ©M "background-color:darkblue;" §¹¥þ¤@¼Ë¡A¨º¬°¦ó­n¦h¦¹¤@Á|¡H¥Î Explorer ªº¤H ©Î³\©l²×¤£¯à©úÁA¡A¦]¬°¤GªÌ²@µL®t§O¡A¦ý¦pªG§A·Qª¾¹D¤GªÌ¦b Netscape ¤¤ªº®t§O¡A ¨º½Ð«ö³o¸Ì¡C ¬Ý¨ìµ²ªG¤F¶Ü¡H©ú¥Õ§Úªº·N«ä¤F¶Ü¡H©Ò¥H§Ú¦b«e­±©l²×»¡ Netscape §â³]¤F position Äݩʪº HTML ¼ÐÅÒ·í°µ·Ç Layer ª«¥ó¡A©Î ÀÀ Layer ª«¥ó¡A¨º´N¬O³o¨Ç¼ÐÅÒÁöµM¨ú±o Layer ªº³¡¥÷°ÊºA§ïÅܯà¤O¡A¦ý²¦³º Netscape ÁÙ¬O¨S®³§â¥L´N·í¦¨¯u¥¿ªº Layer ª«¥ó ¡A¨ú±o Layer ªº©Ò¦³¯à¤O¡C ¦^¿ï³æ
¬°¦ó¥\¯àªí¼u¥X°Ï¶ôÃö¤£±¼¡H
¦b Explorer ùؤ£·|¦³³oºØ±¡ªp¡A¥u­n·Æ¹«Â÷¶}¥\¯à¿ï³æ°Ï¡AÀH«K¦bºô­¶¨ä¥L¦a¤è «ö¤@¤U¡A¼u¥X°Ï¶ô´NÃö±¼¤F¡A¦]¬°¦bµ{¦¡¤¤§Ú¦³±Ô­z¨ì·í document.onclick ¨Æ¥óµo¥Í®É ¡A´NÃö¼u¥X°Ï¶ô¡C¦ý Netscape ´N¤£¦P¤F¡A§A·|µoı¼u¥X°Ï¶ôÅã¥Ü«á¡A°£«D§A«ö¨ä¤¤¤@ ­Ó¿ï¶µ¡A§_«h¦bºô­¶¤å¥ó¤¤«öÁä¬O®ø¤£±¼¼u¥X°Ï¶ôªº¡C©Î³\§A·|¥H¬° document.onclick ¨Æ¥ó¦b Netscape ¤¤¤£ºÞ¥Î¡A¨ä¹ê¤£µM¡C ¦]¬°­n¦b Netscape ¤¤¨Ï document.onclick ¦³¥Î ¡A§A¥²¶·¦bºô­¶ªÅ¥Õ°Ï«öÁä¤~¦æ¡A¤£¹L§A¥i¤£­n¥H¬°¨S¦r¨S¹Ïªº¦a¤è´N¬OªÅ¥Õ¡A Netscape ©Ò¿×ªºªÅ¥Õ¬O«ü§¹¥þµL¥ô¦ó¬q¸¨¼ÐÅÒ¦s¦bªººô­¶ªÅ¥Õ°Ï(³Ì«OÀIªº´N¬Oºô­¶ µ²§À)¡A¦]¬°¥»»¡©ú¬O¥þ¤å¤@¾ã¬q¡A©Ò¥H´NºâµL¦r°Ï¡A¤]¤£¯àºâ°µ Netscape ªÅ¥Õ¡C (¬D­ç¨þ¡A¦n¹³¦³¤@ÂI¡C) ¦^¿ï³æ
­PÁµü
§AÁÙ¯u¦³¼Ý¤O©M­@¤ß§â¾ã½g»¡©ú³£¬Ý§¹°Õ¡H¨ØªA¨ØªA¡A¬°¤F¼úÀy§A¡A§â¬ÛÃöºô­¶ ¥´¥]¤U¸ü¦^®a°µ¬ö©À¦p¦ó¡H §Æ±æ ¦ó³B¹Ð®JÅý§A¤£µê¦¹¦æ¡C ¦^¿ï³æ

»s§@³æ¦ì¡G·N¦¨¤u§@«Ç
°õ¦æºÊ»s¡G¦Ñ©Ç
1