今天是

爱酷家


当前位置:首页 > 站长学院 > 其他教程

教你如何通过简单的代码隐藏某个页面的侧边栏

收集整理   发布时间:2012-11-22 20:33:00   阅读

教你如何通过简单的代码隐藏某个页面的侧边栏

由于emlog目前暂时没有选择是否显示侧边栏的功能。有时候某些页面我不想显示侧边栏,怎么办呢?
我觉得可以这样实现:
1、通过js的方式实现(确认已经调用jquery,否则在header.php的<head>标签之间加入<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>,加入这句没坏处)。
由于文章编辑器不能写入php等服务器端代码,但是却可以写入js的客户端脚本,所以可以通过js代码实现,如下:


 

代码:
<!--代码开始-->
<script type="text/javascript">
$(function(){
//将侧边栏隐藏
$(".sidebar").hide();
//将文章内容页的宽设置为100%
$(".content").css("width","100%");
});
<!--代码结束-->

怎么样,简单吧!只要将上述代码在你编辑文章的时候用“代码”模式写入文章内的任何地方即可。由于代码是添加到文章内的,而且又需要整个页面载入后执行,所以会出现侧边栏闪过的情况。
会写插件的也可以弄到插件里面去。

 



注:⊙如转载本站原创作品,请务必包保留本文地址:

内容: