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

softyun3年前cms教程114

 织梦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增加英文栏目名称

在做外贸SEO优化的时候,有时候因为网站功能需求,经常会用到中文站和英文站。这里有一个栏目添加英文名称的方法,下面和大家分享一下。1.数据库新增加字段 typenameen       这里说的字段不...

点击复制本页地址推荐阅读的代码

源代码调试 [MB5U]     [ 可先修改部分代码 再运行查看效果 ]...

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

【Field 标记】在封面模板、列表模板、文档模板的使用频率很高,实用。主要用来获得到系统变量的值或者路径,用法很灵活。可以直接展示数据,如调用position,得到栏目一 > 栏目二” 这样形...

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

自定义宏标记【Mytag 标记】的作用:  可以将模板中多次出现的相同元素用一个自定义标记表示出来,从而达到,一次更改,全局更换的效果。辅助插件的广告管理也有相似的效果。    【Mytag 标记】的...

dedecms在plus目录调用当前模板head.htm,footer.htm方法

在织梦dedecms的plus文件夹里面有许多常用的模板的头部和尾部都是单独的写的,最简单的方法就是把默认模板的head.htm和footer.htm复制过来就行了,只是每次修改后又要再复制一次,为了...

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

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