主页 > 网站建设 > 建站知识 > 默认隐藏部分内容,点击展开更多JS代码

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

POST TIME:2017-11-13 00:40

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




上一篇:dede访京东商品筛选带完整php模版

下一篇:dedecms文章编辑后不更新时间方法修改出现1970年

收缩
  • 微信客服
  • 微信二维码
  • 电话咨询

  • 400-1100-266