当前位置:首页 > emlog博客 > 正文内容

Emlog pro 用5.3.1默认模版添加悬浮侧边栏的笔记

第一步:找到需要悬浮文件的代码位置,如侧边栏新建组件 代码框里,添加如下代码:


<div id="float">

你要悬浮的内容代码

</div>          
<script type="text/javascript" src="网站js文件的具体地址/rainfly_a.js"></script>


第二步:在你对应模板的css文件里添加以下代码(也可以在末尾):


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


第四步:测试完成

第五步:"rainfly_a.js"文件内容:

// 固定层function buffer(a,b,c){var d;return function(){if(d)return;d=setTimeout(function(){a.call(this),d=undefined},b)}}(function(){function e(){var d=document.body.scrollTop||document.documentElement.scrollTop;d>b?(a.className="div1 div2",c&&(a.style.top=d-b+"px")):a.className="div1"}var a=document.getElementById("float");if(a==undefined)return!1;var b=0,c,d=a;while(d)b+=d.offsetTop,d=d.offsetParent;c=window.ActiveXObject&&!window.XMLHttpRequest;if(!c||!0)window.onscroll=buffer(e,150,this)})();


或下载:

Emlog浮动栏js.zip


扫描二维码推送至手机访问。

版权声明:本文由uuucd.cn发布,如需转载请注明出处。

本文链接:https://www.uuucd.cn/emlog/45.html

标签: emlog博客

相关文章

Emlog5.3.1版本博客兼容PHP7+环境的方法

Emlog5.3.1版本博客兼容PHP7+环境的方法

Emlog5.3.1虽然已经出了使用mysqli连接类,可是直接在php7安装emlog5.3.1各种报错。还好为了兼容性,还是默认使用了mysql。现在php7已经不支持mysql扩展了,但还是支持mysqli和pdo_mysql。所以这...

Emlog博客程序去除网址url中的“sort/”字符目录

Emlog博客程序去除网址url中的“sort/”字符目录

请备份,请备份,请备份网站必须支持伪静态规则以下为默认模版修改————emlog5.3.1版本在网站的根目录include/lib文件夹下,找到dispatcher.php和url.php这两个文件下载到本地,使用Sublime Text...

Emlog博客默认模版在首页日志列表中添加广告

Emlog博客默认模版在首页日志列表中添加广告

以默认模版为例操作步骤:在默认模版  log_list.php   文件中找到代码:foreach($logs as $value)修改为:foreach($logs as $key=>$value)在文...

Emlog博客之列表分页title标题SEO相关优化

Emlog博客之列表分页title标题SEO相关优化

如何解决emlog列表分页title标题SEO优化Emlog程序默认的分页title都一模一样,造成很多同名页面,关键词冲突;以下是解决这个问题的方法。首先编写一个从第二页开始显示分页标题的函数,放在模版文件的module.php里面,代码...

发表评论

访客

看不清,换一张

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