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

softyun3年前cms教程161

 织梦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织梦获取文章里第一张图片,那么可以根据下面的方法来实现,仅供参考学习哦~1、在include/helpers/archive.helper.php/** * 获得某文档的第一个...

DEDECMS增加自定义属性完整教程

给客户最站的时候,因客户需要,自定义属性太少,不够用,需要新增几个,也总有人问如何增加,今天就凑空写一下DEDECMS如何增加自定义属性.其实很简单的.下面用文字加图示的方式展现给大家,希望对朋友们有...

织梦让arclist标签支持副栏目调用

使用织梦cms开发网站,需要一篇文章被多个栏目调用,织梦后台有副栏目这个功能,可是在用arclist调用的时候,副栏目却调用不出这篇文章,所以简单修改了下/include/tag/arclist.li...

DEDECMS技巧,让未审核内容的更新时间为当前时间.

DEDECMS小技巧,让未审核内容的更新时间为当前时间.先说下为什么会用到他,现在很多站长做站都是先采集N多内容,然后每天审核一部分,但是审核的时候,那个发布时间不是最新的,还要手动去修改,很麻烦,浪...

dede不使用js调用非DEDE数据 如论坛等其他cms数据

对于织梦dedecms主站和论坛分隔2地的,大家一般首页调用论坛都是JS来搞是吧,下面推荐一个好方法实现html调用,对搜索引擎友好。 论坛以PW举例:一般实现方法:<script src="h...

Dedecms防止恶意注册及快速批量删除垃圾会员及文章的方法

教大家一些Dedecms防止恶意注册及快速批量删除垃圾会员以及文章的方法,希望可以帮助到你。使用织梦Dedecms程序建站的朋友应该遇到过恶意注册的情况,通过一些软件在网站上大量注册会员然后发布垃圾信...