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

softyun3年前cms教程44

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

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

相关文章

dede采集数据时出现正文内容为空的解决办法

织梦dedecms采集数据时出现正文内容为空的解决办法:在将dedecms自带的采集工具 采到的数据导入后发现部分内容为空,也就是body段是空的,600多条数据,要一个一个找,当然会累死啊在后台执行...

DedeCMS安装教程[V5.1SP1为例]

第一步:上传安装文件 将压缩包内的upload目录下的文件上传到你的空间 第二步:运行安装文件 如果你上传到网站根目录 即输入域名直接进入的目录 直接输入域名 如果上传到网站根目录下的子目录,如:/c...

dedecms如何修改友情链接flink模板

大家一起学习下,dedecms如何修改友情链接flink模板,有一定的参考价值,感兴趣的小伙伴尝试下织梦DEDECMS模板的友情链接标签flink主要是用于获取友情链接,其包括了诸多功能,例如分类、申...

【Autochannel 标记使用实例】-DedeCMS模板制作使用实例教程(5)

{dede:autochannel partsort='1'/}{dede:channel typeid='1'} [field:typename/] {/dede:channel}{dede:aut...

DedeCms教程:windows server 2003 php 环境搭建

windows server 2003是目前国内比较主流的服务器操作系统,其搭建php的环境也是多种多样,其中IIS+Fastcgi+php+mysql安装时最简单的。   1.安装IIS I...

织梦dedecms友情链接flink标签的使用说明

下面是织梦dedecms友情链接flink标签的使用说明,希望能给大家带来一些帮助。标签名称:flink标记简介:功能说明:用于获取友情链接适用范围:全局使用基本语法:{dede:flink row=...