📄 p289ieonly_modifying_content.htm

📁 javascript source code part2

💻 HTM

字号:

<HTML>
   <HEAD>
      <SCRIPT>
         var hairy_exposed = false;
         var scaly_exposed = false;
         var bugs_exposed = false;

         function show_details(obj)
         {
            if ( eval(obj.id+"_exposed" ) == false )   // show the exploded list
            {
               obj.insertAdjacentHTML("BeforeEnd", document.all[obj.id+"_list"].innerHTML);
eval(obj.id+"_exposed=true");

            }
            else                                       // collapse the list
            {
               obj.children[0].outerHTML='';
               eval(obj.id+"_exposed=false");
            }
         }
      </SCRIPT>
   </HEAD>
   <BODY>
      <DIV ID="hairy_list" STYLE="display: none">
         <UL> <LI> Mammals <LI> Marsupials <LI> Monotremes </UL>
      </DIV>
      <DIV ID="scaly_list" STYLE="display: none">
         <UL> <LI> Fish <LI> Reptiles <LI> Birds .. sort of </UL>
      </DIV>
      <DIV ID="bugs_list" STYLE="display: none">
         <UL> <LI> Creepy crawlies <LI> Stinging things
              <LI> Slugs and stuff <LI> Ugh - Germs </UL>
      </DIV>
      <H2> Amateur's guide to the animal kingdom</H2>
      <UL>
         <LI ID="hairy" ONCLICK="show_details(this)">Hairy things</LI>
         <LI ID="scaly" ONCLICK="show_details(this)">Scaly things</LI>
         <LI ID="bugs" ONCLICK="show_details(this)">Bugs</LI>
      </UL>
   </BODY>
</HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -