本站资源均来自互联网,仅供学习与参考,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
Copyright @ 2015-2020 织梦园 版权所有
Power by DedeCms
鲁ICP备15039853号-1
鲁公网安备 37132302000249号
模板标签 TAG标签 网站地图 XML地图 今日更新 返回顶部
这个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> |