M1850资源网 - 最专业的网站源码模板下载站!

全部作品
全部作品
织梦模板
网站模板
源码插件
游戏源码
脚本特效
视频教程
建站教程
M1850资源网 > 建站教程 > 织梦教程 > 织梦安装 > 默认隐藏部分内容,点击展开更多JS代码

推荐下载

标签推荐

>> 更多

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

默认隐藏点击展开js效果

       这个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>


嘿,我来帮您!

展开