默認隱藏部分內容,點擊展開更多JS代碼_DedeCms教程
      
編輯Tag賺U幣
      


      教程Tag：暫無Tag,歡迎添加,賺取U幣!
      


      
 織夢dedecms這個js適合列表頁或首頁模板，不僅可以解決頁面過長，又有利于搜索引擎抓取足夠多的內容。兩個部分分享給大家：
      html部分：
      1. !DOCTYPE HTML> 
      2. <html> 
      3.  <head> 
      4.      <title> 測試 </title> 
      5.        <script type="text/javascript" src="jquery-1.7.2.min.js"></script><!--js調用路徑要本地，或者在js官網下載相應版本的即可--> 
      6.  </head> 
      7.    <body> 
      8.        <div>我是展示的第一部分 
      9.           <div id = "showdiv" style="display:none;">我是隱藏的那部分</div> 
      10.           <a href="#" onclick="showHideCode()">查看更多</a> 
      11.        </div> 
      12.    </body> 
      13. </html> 
      js部分：
      1. <script type="text/javascript">  
      2.          function showHideCode(){  
      3.             $("#showdiv").toggle();  
      4.          }  
      5. </script>  
      以上內容僅供大家學習參考！
      


      查看更多 DedeCms教程  織夢模板  織夢DedeCms視頻教程  織夢dedecms專題
      

      


      來源：模板無憂//所屬分類：DedeCms教程/更新時間：2020-04-14


      


      



      


      



      相關DedeCms教程：