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

softyun3年前cms教程43

 织梦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模板制作时,循环递增autoindex使用方法整理

织梦dedecms模板制作时,循环递增autoindex使用方法整理。仅供大家学习参考,希望对你有所帮助。{dede:arclist titlelen='26' row='10'}   <li&...

DedeCMS Error:Tag disabled:php错误的完整处理方法

网站提示DedeCMS Error:Tag disabled:"php" more...! 在最新的dedecms5.7版本与7月15号的补丁里,官方增加了模板引擎禁用的全局设置,用于控制哪些模板标签...

FCK编辑器,弹出'未知工具栏项目'的解决方法

 在Google Chrom内核的浏览器下,编辑内容的时候总是提示 未知工具栏项目 XX.然后新增加的FCK编辑器插件无法使用,但是在IE下没有这个问题.找遍整个网络没找到解决方法,自己研究半天,总算...

dedecms教程:如何调用全站评论总数

调用织梦全站评论总数其实很简单,比如用DedeCMS搭建博客类型的网站就可以用该方法调用评论总数,本文给大家介绍一个简单的方法,使用JS调用评论,而且可以使用到DEDECMS中的任何地方! 第一步:首...

织梦dedecms在php5.4下后台发布文章提示“标题不能为空”

有时我们在登录后台发布文章时,会提示“标题不能为空”,一直发不了文章,下面就给出解决的办法:问题症状:V5.7登录后台后,发布英文标题没问题,发布中文会提示“标题不能为空”。问题根源:htmlspec...

DEDE5.3隆重盛大发布,无忧鼎力支持!

经过众多DEDE爱好者测试完善后的DEDECMS 5.3正式版在今天12月10日这个特别的日子发布了.今天,广大织梦爱好者的心情都无比激动,论坛的火爆程度更是国内CMS行业中前所未有的,短短几个小时,...