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

softyun3年前cms教程50

 织梦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内容页或列表页调用自定义图片,输出的格式如下:<li><a href='/uploads/140420/1-140420164Z2914.jpg"...

DEDECMS导航改为“文章标题-2级栏目-1级栏目-网站名”样式

DEDECMS导航改为“文章标题-2级栏目-1级栏目-网站名”样式代码如下:{dede:field name='title'/}-{dede:field name='position' runphp=...

上传图片按年月分目录

只在本机测试过,目录改成按年月分,这样的形式:/uploads/allimg/0802/0908420.jpg修改方法:打开dede/inc/inc_archives_functions.php1、查...

DedeCMS每日一问:{dede:channel currentstyle}标签中当前样式的定义

模板无忧一直在使用和关注DedeCMS,对DedeCMS也比较精通,想到自己学习和使用DedeCMS时遇到问题解决不了的痛苦,决定从今天开始从百度知道里每天挑选一个广泛度较高的问题来解答.希望能帮助更...

织梦cms网站备份迁移具体方法

织梦cms网站的备份以及迁移文字版教程身为一个站长或者网络公司的程序员,都要做到网站的定期备份,以免导致因为诸多原因,网站内容的丢失,影响使用。接下来小编教大家如何进行备份,以及迁移到新的服务器的方法...

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

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