首页 > 教程 >

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

2023-03-03教程围观

简介织梦dedecms这个js适合列表页或首页模板,解决了页面过长,又有利于搜索引擎抓取足够多的内容。html部分:!DOCTYPEHTML>测试我是展示的第一部分我是隐藏的那部分查看更多js部分:functionshowHideCode(){$("#showdiv").toggle();}

  
织梦dedecms这个js适合列表页或首页模板,解决了页面过长,又有利于搜索引擎抓取足够多的内容。
html部分:
!DOCTYPE HTML><html> <head>     < > 测试 </ >       <  type="text/ " src="jquery-1.7.2.min.js"></ ><!--js调用路径要本地,或者在js官网下载相应版本的即可--> </head>   <body>       <div>我是展示的第一部分          <div id = "showdiv" style="display:none;">我是隐藏的那部分</div>          <a href="#"  ="showHideCode()">查看更多</a>       </div>   </body></html>js部分:<  type="text/ ">         function showHideCode(){            $("#showdiv").toggle();         }</ >

下载链接:网站源码/小程序源码/网站模板下载

Tags: 代码 内容 隐藏 点击 展开