DEDECMS 模板中心

您现在的位置:主页 > 织梦大学 > 织梦教程 >

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

来源:未知 编辑:admin 发布时间:2020-05-02热度:
织梦 dedecms 这个js适合列表页或首页模板,解决了页面过长,又有利于搜索引擎抓取足够多的内容。 html部分: 01 !DOCTYPE HTML 02 html 03 head 04 title 测试 /title 05 script type = text/javascript src=...
织梦dedecms这个js适合列表页或首页模板,解决了页面过长,又有利于搜索引擎抓取足够多的内容。
html部分:
01 !DOCTYPE HTML>
02 <html>
03  <head>
04      <title> 测试 </title>
05        <script type="text/javascript" src="jquery-1.7.2.min.js"></script><!--js调用路径要本地,或者在js官网下载相应版本的即可-->
06  </head>
07    <body>
08        <div>我是展示的***部分
09           <div id "showdiv" style="display:none;">我是隐藏的那部分</div>
10           <a href="#" onclick="showHideCode()">查看更多</a>
11        </div>
12    </body>
13 </html>
14 js部分:
15 <script type="text/javascript">
16          function showHideCode(){
17             $("#showdiv").toggle();
18          }
19 </script>

DedeCMS问题解决

请点击在线联系我们【点击咨询解决问题】   如果您有任何织梦问题,我们将免费为您写解决教程!

用心认真写教程不易,请小打赏我们一下,多少是心意,解决问题是重点

【打赏说明】 如果您认为在本站中看的内容质量不错、或阅读后有所收获、或解决您遇到的实际问题,那不妨小金额的赞助一下尚禹科技,让尚禹科技有动力继续写出更多高质量的教程和心得。以帮助更多的人。[查看打赏记录]

    尚禹科技:承接仿站业务,价格200元起!