【博客美化】08.添加扩大/缩小浏览区域大小 按钮
博客园美化相关文章目录：
【博客美化】01.推荐和反对炫酷样式
1.页首添加HTML代码
进入自己的博客园->设置，将以下html代码添加到“页首Html代码”
<div id="divExpandViewArea" οnclick="$('#mainContent').css({'margin-left':'0'});$('#sideBar').css({'display':'none'});">扩大</div><div id="divCollapseViewArea" οnclick="$('#mainContent').css({'margin-left':'300px'});$('#sideBar').css({'display':'block'});">缩小</div>2.添加定制CSS
#divExpandViewArea{position: fixed;color: white;/* border-radius: 10px; */padding: 2.5px 10px;right: 5px;top: 390px;cursor: pointer;opacity: 0.9;background-color: gray;
}#divCollapseViewArea{position: fixed;color: white;/* border-radius: 10px; */padding: 2.5px 10px;right: 5px;top: 420px;cursor: pointer;opacity: 0.9;background-color: gray;
}
3.效果
作 者： Jackson0714
出 处：http://www.cnblogs.com/jackson0714/
关于作者：专注于微软平台的项目开发。如有问题或建议，请多多赐教！
版权声明：本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文链接。
特此声明：所有评论和私信都会在第一时间回复。也欢迎园子的大大们指正错误，共同进步。或者直接私信我
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是作者坚持原创和持续写作的最大动力！
转载于:https://www.cnblogs.com/jackson0714/p/BeautifyBlog_08.html
【博客美化】08.添加扩大/缩小浏览区域大小 按钮相关推荐
- 【博客美化】09.评论带头像，且支持旋转
博客园美化相关文章目录: [博客美化]01.推荐和反对炫酷样式 [博客美化]02.公告栏显示个性化时间 [博客美化]03.分享按钮 [博客美化]04.自定义地址栏logo [博客美化]05.添加Git ...
- 【博客美化】02.公告栏显示个性化时间
博客园美化相关文章目录: [博客美化]01.推荐和反对炫酷样式 [博客美化]02.公告栏显示个性化时间 [博客美化]03.分享按钮 [博客美化]04.自定义地址栏logo [博客美化]05.添加Git ...
- 【博客美化】01.推荐和反对炫酷样式
博客园美化相关文章目录: [博客美化]01.推荐和反对炫酷样式 [博客美化]02.公告栏显示个性化时间 [博客美化]03.分享按钮 [博客美化]04.自定义地址栏logo [博客美化]05.添加Git ...
- 【全网最全的博客美化系列教程】08.自定义地址栏Logo
全网最全的博客美化系列教程相关文章目录 [全网最全的博客美化系列教程]01.添加Github项目链接 [全网最全的博客美化系列教程]02.添加QQ交谈链接 [全网最全的博客美化系列教程]03.给博客添 ...
- 【全网最全的博客美化系列教程】02.添加QQ交谈链接
全网最全的博客美化系列教程相关文章目录 [全网最全的博客美化系列教程]01.添加Github项目链接 [全网最全的博客美化系列教程]02.添加QQ交谈链接 [全网最全的博客美化系列教程]03.给博客添 ...
- 【全网最全的博客美化系列教程】03.给博客添加一只萌萌哒的小仓鼠
全网最全的博客美化系列教程相关文章目录 [全网最全的博客美化系列教程]01.添加Github项目链接 [全网最全的博客美化系列教程]02.添加QQ交谈链接 [全网最全的博客美化系列教程]03.给博客添 ...
- 【全网最全的博客美化系列教程】06.推荐和反对炫酷样式的实现
全网最全的博客美化系列教程相关文章目录 [全网最全的博客美化系列教程]01.添加Github项目链接 [全网最全的博客美化系列教程]02.添加QQ交谈链接 [全网最全的博客美化系列教程]03.给博客添 ...
- 【全网最全的博客美化系列教程】05.公告栏个性时间显示的实现
全网最全的博客美化系列教程相关文章目录 [全网最全的博客美化系列教程]01.添加Github项目链接 [全网最全的博客美化系列教程]02.添加QQ交谈链接 [全网最全的博客美化系列教程]03.给博客添 ...
- 【分享】博客美化(6)为你的博文自动添加目录
博客园美化相关文章目录:博客园博客美化相关文章目录 这篇文章使用的代码来自于博客园的marvin,非常感谢.在他的文章:如何给你的为知笔记添加一个漂亮的导航目录中,介绍了给文章自动添加目录的过程,我当 ...
最新文章
- 为ASP.NET控件添加常用的JavaScript操作
- 嵌入式s5vp210裸机 KXTF9-2050（G-sensor）
- 学校开展计算机培训活动,计算机学院学习筑梦班开展义务清扫机房活动
- python爬虫有学c的必要吗_可以一边学python爬虫一边学c语言吗？
- 工厂模式之消除switch/case语句
- (转)PowerDesigner教程系列（二）概念数据模型
- 恢复SQLSERVER被误删除的数据（转——收藏）
- 00后没玩过的电脑编程游戏
- GIS520论坛，GIS专业资源下载！
- 信杂比公式_信噪比(信噪比计算公式)
- 中国油用牡丹行业需求状况及产销规模预测报告（新版）2022-2027年
- EVE-NG模拟器教程(二)——模拟器安装
- 桌面图标有阴影去除方法
- 微信小程序 图片懒加载
- ⭐⭐⭐【DFS+理解题意】找出直系亲属
- 微PE工具箱增加安装Linux/Ubuntu/Centos/deepin系统菜单
- 计算机老师中专教学论文,职业中专计算机教学思考论文
- 计算机三级网络技术知识点
- 连接MySql报错【ERROR 2003 (HY000): Can‘t connect to MySQL server on ‘localhost‘ (10061)】
- 数码管：3位6脚的数码管分析和编码