两步完成emlog导航栏侧边栏悬浮！

首页 > IT计算机 > Web程序设计作者：RainFly 2015年4月26日 15:11 星期日热度：12225° 字号：小中大评论：10

时间：2015-4-26 15:11 热度：12225° 评论：10 条

由于有些文章过长导致了侧边栏边上很空洞，从而显得十分不美观，博主在此分享给站长们开放的js代码，可以提供侧边导航栏栏浮动，当然可以用作广告代码，废话不多说分享给大家源码吧，记得自己折腾，不会的留言给我吧！

第一步：找到需要悬浮文件的代码位置

<div id="float">
你要悬浮的内容代码 </div>
<script type="text/javascript" src="http://你的网址/rainfly_a.js"></script>

第二步：在你对应模板的css文件里添加以下代码

.div2{top:10px;z-index:999;position:fixed;_position:absolute}

第三步：查看是否有bug

ps：建议将以上js替换，如有任何疑问，留言给我！

百度网盘：浮动栏js.zip 大小：2kb

您阅读这篇文章共花了：

如何关闭网页右键功能，添加复制版权提醒！

emlog网页加载特效插件

捐赠支持：如果觉得这篇文章对您有帮助，请 "扫一扫"鼓励作者！

emlog

代码

本文作者：RainFly 文章标题：两步完成emlog导航栏侧边栏悬浮！
本文地址：http://www.rainfly.cn/?post=77
版权声明：若无注明，本文皆为“雨夜轩”原创，转载请保留文章出处。

已有10条吐槽

CARLO4

Google Chrome 87.0.4280.141

Windows 10

2021-01-12 17:59 #8楼

你好，可以看下我的博客播放器位置问题吗，用其他模板没问题，播放器就在侧面悬浮，用了这个模板，播放器跑到最底部了，而且整体都变了，怎么修改这个呢，纯小白，只知道代码里面找相关字符修改。。。需要的话可以发css文件给你看下

火鸟

Google Chrome 63.0.3239.132

Windows 10

2019-07-09 21:43 #7楼

看看怎么样

s站

Google Chrome 71.0.3578.98

Windows 7

2019-01-08 23:33 #6楼

来看看

xmin

Google Chrome 63.0.3239.132

Windows 10

2018-06-19 00:39 #5楼

666就

友吧网

非主流浏览器

Xiaomi 3S

2017-08-25 16:52 #4楼

emlog可以用吗？还要下载那个js吗？

zjl

Google Chrome 55.0.2883.87

Windows 7

2017-08-25 10:47 地板

ε(┬┬﹏┬┬)背景的妹妹真漂亮！！！

飞雪

SouGou Browser 2.X

Windows 10

2015-12-16 17:17 板凳

导航怎么悬浮

阳光园林小吧

SouGou Browser 2.X

Windows 8.1

2015-04-28 16:15 沙发

你好，rainfly_a.js这个文件能一起分享吗？

RainFly

UBrowser 4.0.4627.3

Windows 7

2015-04-28 18:13

@阳光园林小吧：欢迎来访！拿出来就是为了分享给大家的，下载链接-http://pan.baidu.com/s/1jG1Rbkq

阳光园林小吧

SouGou Browser 2.X

Windows 8.1

2015-04-29 20:43

@RainFly：收到了，谢谢分享！

QQ游客评论

昵称（必填）

邮件地址 (必填)

个人主页 (选填)