当前位置:首页 > 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博客

相关文章

Emlog pro适配5.3.1默认模版缩略图功能加内容页美化

Emlog pro适配5.3.1默认模版缩略图功能加内容页美化

本文介绍emlog pro 版启用emlog5.3.1默认主题模版增加文章列表缩略图功能及相关美化安装 emlog pro打开emlog官网:https://www.emlog.net/ 下载emlog pro系统 源码上传emlog 5....

Emlog pro博客添背景图片及背景透明教程[默认模版]

Emlog pro博客添背景图片及背景透明教程[默认模版]

(一)添加背景图片修改main.css文件,emlog的主题模板下,找到主题的“main.css”文件,打开它,找到body命令行(默认模板body在第一行),我们在body后加入代码使它变成这样body {background-...

Emlog pro利用5.3.1默认模版在内容页面下添加版权代码

Emlog pro利用5.3.1默认模版在内容页面下添加版权代码

EMLOG 博客程序关于实现文章内容页底部添加加版权信息及代码EMLOG博客快速、简单的,我们可以给文章加版权各方面的信息。下面以emlog pro 版为例,模版为5.3.1默认模版修改适配pro版本,以下简称pro版精典531。添加方法:...

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里面,代码...

发表评论

访客

看不清,换一张

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