服务报价 | 域名主机 | 网络营销 | 软件工具| [加入收藏]
 热线电话: #
当前位置: 主页 > php教程 > dedecms教程 >

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

时间:2016-12-29 12:01来源:未知 作者:最模板编辑 点击:次
织梦dedecms这个js适合列表页或首页模板，解决了页面过长，又有利于搜索引擎抓取足够多的内容。 html部分： !DOCTYPE HTML html head title 测试 /title script type=text/javascript src=jquery-1.7.2.min.js/
织梦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>
(责任编辑：最模板)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
热点内容
随机内容
随机模板
CopyRight © 2010-2016 最模板 ZuiMoban.Com, All Rights Reserved.