CMS教程
每日更新|TOP排行榜|Tag标签|充值
CMS教程模板无忧>建站教程>CMS教程>DedeCms教程>
收藏分享查看评论DedeCms教程
大中小

默认隐藏部分内容,点击展开更多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教程：