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

softyun3年前cms教程160

 织梦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>  
以上内容仅供大家学习参考!

免责声明:本文内容来自用户上传并发布,站点仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。请核实广告和内容真实性,谨慎使用。

相关文章

织梦DedeCMS模板可以使用的公共函数集合

织梦dedecms是很早的一款开源CMS系统,操作简单方便上手,一般常用的标签进行调用但是也没办法实现大家特殊的要求,今天给大家分享一下开源使用的公共函数集合       function GetCu...

织梦DedeCMS教程:实现按键盘方向键实现上一篇下一篇翻页

其实这个功能在很多小说站,图片站经常用到,大家可以留意一下,此教程源自于论坛热心网友提供,下面来讲讲具体的修改操纵: 首先我们打开 include/arc.archives.class.php 查找到...

织梦dedecms编辑器上传图片怎么去掉宽度和高度限制

 在用织梦cms做响应式或者手机端网站时候,我们经常会遇到图片宽度和高度固定,而无法自适应手机端的问题。就比如你一张图片,如果你在后台的编辑器中给了固定宽高,那么你在手机端或者响应式的网站上,图片肯定...

dedeCMS5.5 列表页调用tag的方法

打开DEDECMS根目录include/common.func.php在最底部 ?> 前面加入以下代码: function listtag($aid)   {       $tsql = new...

DEDECMS V5.3 官方默认模板 预设列表样式说明

DEDECMS V5.3在(layout.css)中预设了6种区块列表样式 您可以根据自己的实际需要修改使用 下面以首页区块调用位置为例 我们来详细介绍这六种列表样式的结构和class 首页模板的&l...

DedeCms教程:邮件订阅模块使用说明

1.邮件订阅模块使用说明 站长可以通过邮件订阅模块进行单人,多人以及邮件群发。可以创建期刊通过发送邮件的方式供用户阅读。让用户通过邮件实时的获取到网站重要的,有价值的信息。由此让用户关注网站的动态,对...