注册

两步完成emlog导航栏侧边栏悬浮!
首页 > IT计算机 > Web程序设计    作者:RainFly   2015年4月26日 15:11 星期日   热度:11786°   字号:   评论:10    
时间:2015-4-26 15:11   热度:11786°  评论:10 条 

                捕获.JPG

           由于有些文章过长导致了侧边栏边上很空洞,从而显得十分不美观,博主在此分享给站长们开放的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

  您阅读这篇文章共花了:  
捐赠支持:如果觉得这篇文章对您有帮助,请 "扫一扫"鼓励作者!
二维码加载中...
本文作者:RainFly      文章标题: 两步完成emlog导航栏侧边栏悬浮!
本文地址:http://www.rainfly.cn/?post=77
版权声明:若无注明,本文皆为“雨夜轩”原创,转载请保留文章出处。

已有10条吐槽

CARLO4  Google Chrome 87.0.4280.141 Google Chrome 87.0.4280.141 Windows 10 Windows 10  2021-01-12 17:59 #8楼
你好,可以看下我的博客播放器位置问题吗,用其他模板没问题,播放器就在侧面悬浮,用了这个模板,播放器跑到最底部了,而且整体都变了,怎么修改这个呢,纯小白,只知道代码里面找相关字符修改。。。需要的话可以发css文件给你看下
火鸟  Google Chrome 63.0.3239.132 Google Chrome 63.0.3239.132 Windows 10 Windows 10  2019-07-09 21:43 #7楼
看看怎么样
s站  Google Chrome 71.0.3578.98 Google Chrome 71.0.3578.98 Windows 7 Windows 7  2019-01-08 23:33 #6楼
来看看
xmin  Google Chrome 63.0.3239.132 Google Chrome 63.0.3239.132 Windows 10 Windows 10  2018-06-19 00:39 #5楼
666就
友吧网  非主流浏览器 非主流浏览器 Xiaomi 3S Xiaomi 3S  2017-08-25 16:52 #4楼
emlog可以用吗?还要下载那个js吗?
zjl  Google Chrome 55.0.2883.87 Google Chrome 55.0.2883.87 Windows 7 Windows 7  2017-08-25 10:47 地板
ε(┬┬﹏┬┬)背景的妹妹真漂亮!!!
飞雪  SouGou Browser 2.X SouGou Browser 2.X Windows 10 Windows 10  2015-12-16 17:17 板凳
导航怎么悬浮
阳光园林小吧  SouGou Browser 2.X SouGou Browser 2.X Windows 8.1 Windows 8.1  2015-04-28 16:15 沙发
你好,rainfly_a.js这个文件能一起分享吗?
RainFly UBrowser 4.0.4627.3 UBrowser 4.0.4627.3 Windows 7 Windows 7  2015-04-28 18:13
@阳光园林小吧:欢迎来访!拿出来就是为了分享给大家的,下载链接-http://pan.baidu.com/s/1jG1Rbkq
阳光园林小吧 SouGou Browser 2.X SouGou Browser 2.X Windows 8.1 Windows 8.1  2015-04-29 20:43
@RainFly:收到了,谢谢分享!

QQ游客评论

返回顶部    首页    捐赠支持    手气不错    友情链接    关于我们    站长工具    站长介绍    手机版本    后台登陆   
版权所有:雨夜轩    站长:RainFly    特别鸣谢   文章归档   皖ICP备15003600号-1   百度统计
Copyright©2015 雨夜轩 Powered by emlog强力驱动 七牛CDN全球加速 360站长联盟安全认证 中国博客联盟荣誉成员 可信赖网站 站点地图   
页面加载耗时:0.067秒 数据库查询次数:31次
背景设置