欢迎来到入门教程网!

dedecms

当前位置:主页 > CMS教程 > dedecms >

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

来源:本站原创|时间:2021-08-05|栏目:dedecms|点击:

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

上一篇:修改栏目指定ID值channel标签中的currentstyle没有效果

栏    目:dedecms

下一篇:织梦dedecms修改突破列表只能生成50页

本文标题:默认隐藏部分内容,点击展开更多JS代码

本文地址:https://www.xiuzhanwang.com/a1/dedecms/15700.html

更多dedecms

您可能感兴趣的文章

阅读排行

本栏相关

随机阅读

网页制作CMS教程网络编程软件编程脚本语言数据库服务器

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:835971066 | 邮箱:835971066#qq.com(#换成@)

Copyright © 2002-2020 脚本教程网 版权所有