Contoh dalam artikel ini menerangkan pengembangan ultra-mudah dan kod direktori lipatan yang dilaksanakan dalam js. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:
Di sini kami memperkenalkan direktori yang sangat mudah, mengembangkan kod menu, klik tetikus untuk mengembangkan, klik sekali lagi untuk runtuh, serupa dengan fungsi menu pokok, saya telah melihatnya banyak di Internet, saya tidak akan memperkenalkannya secara terperinci, dialu-alukan untuk merujuknya.
Tangkapan skrin kesan berjalan adalah seperti berikut:
Alamat demo dalam talian adalah seperti berikut:
http://demo.jb51.net/js/2015/js-show-hidden-list-menu-codes/
Kod khusus adalah seperti berikut:
<title>可折叠展开的简单目录</title> <style> div{ font-size:12px; color:red; background-color: #EAEAE8; border: 1 solid #1892B5; padding: 1 } </style> <div id="main1" style="color:blue" onclick="document.all.child1.style.display=(document.all.child1.style.display =='none')?'':'none'" > + 主目录1</div> <div id="child1" style="display:none"> <a href="#">- 子目录1</a> <br> <a href="#">- 子目录2</a> <br> <a href="#">- 子目录3</a> <br> <a href="#">- 子目录4</a> </div> <div id="main2" style="color:blue" onclick="document.all.child2.style.display=(document.all.child2.style.display =='none')?'':'none'" > + 主目录2 </div> <div id="child2" style="display:none"> <a href="#">- 子目录1</a> <br> <a href="#">- 子目录2</a> <br> <a href="#">- 子目录3</a> </div>
Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.