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

softyun3年前cms教程158

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

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

相关文章

栏目内容过多如何分为2行显示

很多人栏目内容过多,需要分成2行,解决办法如下:修改/templets/default/dedecms.css修改188行为以下内容:Copy code.header .nav{ width:100%...

Safe Alert: Request Error step 1 ! 解决方法

出现Safe Alert: Request Error step 1 ! 的解决方法这是由于新版中使用了SQL语句防注入功能引了的安全警告,在自定义模模型中使用了下面名称union|sleep|ben...

随机颜色随机大小tags的修改方法

打开:inc_channel_unit_functions.php找到函数:function GetHotKeywords(...)替换为://zouql-hotwords-b://用法举例://调用...

dedecms个人空间默认的个人书签删除方法

dedecms个人空间默认的个人书签删除方法织梦dedecms 默认模板的个人空间左下角“个人书签”区,有一个默认的DEDE官方书签。想删除掉,可以进行一下操作:找到根目录下“member/reg_n...

织梦dedecms列表页标题显示分页的页数,有利于seo优化

织梦dedecms列表页标题显示分页的页数,有利于seo优化关于用织梦dedecms做的网站,优化这块有个地方必须要注意一下,就是列表页,我们默认生成的每一页,他的标题、关键词、描述都是一样的,但是搜...

成功解决DEDECMS 5.3图片大小自适应问题

今天给大家分享一下如何成功解决织梦DEDECMS 5.3图片大小自适应问题,希望对你有所帮助在图片模板加入以下JS代码<script language="javascript"> func...