移动端优化由于分辨率的原因,不适宜展开所有的内容,根据实际情况点击再展开。从SEO优化的角度来说,这只是隐藏显示到用户端,蜘蛛能正常抓取完整内容,并不是SEO黑帽。
区别于ajax异步调用内容,蜘蛛不抓取调用出来的所有内容,因为是触发了某个按钮或鼠标命令才调用,因此不建议运用ajax筛选,而采用php筛选,能让蜘蛛正常抓取URL。这个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> <script type="text/javascript"> function showHideCode(){ $("#showdiv").toggle(); } </script>
织梦二次开发QQ群
本站客服QQ号:862782808(点击左边QQ号交流),群号(383578617) 如果您有任何织梦问题,请把问题发到群里,阁主将为您写解决教程!
转载请注明: 织梦模板 » 织梦默认隐藏部分内容,点击展开更多JS代码