默认隐藏部分内容,点击展开更多JS代码

2021-02-26 作者：匿名阅读：1191次

前言

本文主要讲解《默认隐藏部分内容,点击展开更多JS代码》的详细内容

织梦dedecms这个js适合列表页或首页模板，解决了页面过长，又有利于搜索引擎抓取足够多的内容。 html部分：

!DOCTYPE HTML>
<html>
 <head>
     <title> 测试 </title>
       <script type="text/javascript" src="jquery-1.7.2.min.js"></script><!--js调用路径要本地，或者在js官网下载相应版本的即可-->
 </head>
   <body>
       <div>我是展示的第一部分
          <div id = "showdiv" style="display:none;">我是隐藏的那部分</div>
          <a href="#" onclick="showHideCode()">查看更多</a>
       </div>
   </body>
</html>
js部分：
<script type="text/javascript">
         function showHideCode(){
            $("#showdiv").toggle();
         }
</script>

本网刊登的文章均仅代表作者个人观点，并不代表本网立场。文中的论述和观点，敬请读者注意判断。

本文地址：http://www.xlkjgs.com/notes/web/7061.html

W 导出为.doc文档

标签部分内容代码更多 JS 代码点击内容内容部分隐藏

上一篇如何给织梦文章分页标题加上序号呢？

下一篇dedecms织梦会员登录二级域名跨域不能获取数据的解决办法

以上内容由本站整理呈现，请务必在转载分享时注明本文地址！如对内容有疑问，请联系我们，谢谢！