当前位置:首页 » emlog » 正文

分类页和文章页“当前位置”下方广告(PC版)
分类页和文章页“当前位置”下方广告(移动版)

emlog导航栏悬浮跟随代码

628 人参与  2016年07月03日 20:53  分类 : emlog  评论

     刚开始接触emlog的时候,觉得导航栏悬浮特牛。但是自己不会啊,就选择了这款自带这个效果的主题。虽然效果有了,但是自己还是不会整。今天在别的博客看见了这个代码,应该可以用在emlog。

1.在header.php中</head>前插入以下代码,本文以默认模板为例。


<script> $(function () { if ($(".fixed_bar").length > 0) { var offset = $(".fixed_bar").offset(); $(window).scroll(function () { var scrollTop = $(window).scrollTop(); if (offset.top <= scrollTop) $(".fixed_bar").addClass("fixed1"); else $(".fixed_bar").removeClass("fixed1"); });}}); </script>

2.在module.php文件 找到 //blog:导航 中的 <ul class="bar">  并修改为 <ul class="bar fixed_bar">


这一步就差不多了,剩下的就是调试CSS了。

.fixed_bar{clear:both;}
.fixed_bar img{max-width:100%;}
.fixed1{position:fixed;top:0px;width:960px;z-index: 9999;filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}

其实,emlog侧边栏悬浮和这个代码一样!赶紧去试试吧!


来源:新哈网(微信/QQ号:897698882),转载请保留出处和链接!

本文链接:http://www.xinha.net/post/292.html

文章底部广告(PC版)
文章底部广告(移动版)
百度分享获取地址:http://share.baidu.com/

本文标签:emlog  导航  悬浮  

百度推荐获取地址:http://tuijian.baidu.com/,百度推荐可能会有一些未知的问题,使用中有任何问题请直接联系百度官方客服!
<< 上一篇 下一篇 >>
评论框上方广告(PC版)
评论框上方广告(移动版)

  • 评论(0)
  • 相关文章

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

我是标题

    内容的形式各种各样,可以是文本,也可以是各种广告等。

网络推广 | 网络营销 | 本站主题 | 网络创业 | 电子商务