天天看點

利用JS顯示與隐藏層

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "????http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd??????">
 <html xmlns="??????http://www.w3.org/1999/xhtml??????">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 <title>js?劇ず????灞?</title>
 <script language="JavaScript" type="text/JavaScript">
 <!--
 function showdiv(targetid,objN){
   
       var target=document.getElementByIdx_x(targetid);
                 if (target.style.display=="block"){
                 target.style.display="none";
                 clicktext.innerHTML="?瑰?繪?ョ??璇??淇℃??";
             } else {
                 target.style.display="block";
                 clicktext.innerHTML='?抽??璇??淇℃??淇℃??';
             }
   
 }
 -->
 </script>
 <style type="text/css">
 <!--body { font: normal 14px "瀹?浣?" }
a { text-decoration: none; }
#showtext { cursor: hand; cursor:pointer;}
 #showtext2 { cursor: hand; cursor:pointer;}
 #contentid { margin-top: 10px; width: 470px; border: 1px solid #CCC; background: #F1F1F1; padding: 15px; }
 #contentid2 { margin-top: 10px; width: 470px; border: 1px solid #CCC; background: #F1F1F1; padding: 15px; }
 .none { display: none; }
 -->
 </style>
 </head><body>
 <a id="showtext" onClick="showdiv('contentid','showtext')">?瑰?繪?ョ??璇??淇℃??</a>
 <div id="contentid" class="none">??寮?????瀹?lt;/div>
 <p></p>
 <a id="showtext2" onClick="showdiv('contentid2','showtext2')">?瑰?繪?ョ??璇??淇℃??</a>
 <div id="contentid2" class="none">1??甯???涓?灞????闆ご?ヨ?涓???琚???????!<br />
 2.涓???琚?浜哄?╃???灏辨??浣?娌$?ㄣ??<br />
 3.浜虹?????よ???姝夥???涓???*涓??ㄧ焊??<br />
 4.????浼?澶э?姝誨?ㄨ?變?锛?<br />
 5.???變漢缁????峰???<br />
 6.搴?璇???浜洪???崇郴??绗?涓??ャ?? <br />
 7.??瑕???澶磋????濂斤??f??澧?瑙???涓???锛?<br />
 8.瑕??ㄦ?婀?娣鳳???濂芥????妫?锛?锛? <br />
 9.澶ч?ㄥ??浜轟?杈?瀛?????涓?浠朵?锛???娆恒??娆轟漢??琚?浜烘?恒??<br />
 10.涓?瑕?????姣???锛?????寰???浣?姣?<br />
 11.??浜虹???辮儲涔?????韬?澶?涔??┿??<br />
 12.濂充負??繁??瀹圭?蜂負??繁??绌鳳? <br />
 13.????瀛?锛??諱?????????????瀛?锛??諱??卞????锛?<br />
 14.澶╄?浣?涓???缈???锛?灏卞?璇ヨ?绾㈢?р??<br />
 15.??濂充漢涓??辮???捐?涔?(???拌??ヨ???????捐?锛?涓?杩???瀹堕?ㄥ?????″?婧??撮?捐???)锛?????濠?涓?宸ヤ??炬?句?.<br />
 </div></body>
 </html>      

繼續閱讀