您现在的位置是:首页 > 博客网站制作 > 个人博客搭建个人博客搭建
常用的js固定层代码
杨青2018-06-06【个人博客搭建】人已围观
简介网页中常会用到固定层这样的效果,可以放广告,可以放标签,可以放关注。非常感谢沧海一粟,是他帮我优化了代码,现在我把代码分享出来。
js代码如下:
if ($('#follow-us')){
var followUsPosition = $('#follow-us').offset().top;
window.onscroll = function () {
var nowPosition = document.documentElement.scrollTop;
if (nowPosition - followUsPosition > 0 ) {
setTimeout(function () {
$('#follow-us').attr('class','guanzhu gd');
},150);
}else {
$('#follow-us').attr('class','guanzhu');
}
};
}
});
Html:
<div class="guanzhu" id="follow-us">
<h2 class="hometitle">关注我们 么么哒!</h2>
<ul>
<li class="sina"><a href="/" target="_blank"><span>新浪微博</span>杨青博客</a></li>
<li class="tencent"><a href="/" target="_blank"><span>腾讯微博</span>杨青博客</a></li>
<li class="qq"><a href="/" target="_blank"><span>QQ号</span>476847113</a></li>
<li class="email"><a href="/" target="_blank"><span>邮箱帐号</span>dancesmiling@qq.com</a></li>
<li class="wxgzh"><a href="/" target="_blank"><span>微信号</span>yangqq_1987</a></li>
<li class="wx"><img src="images/wx.jpg"></li>
</ul>
</div>
/*gd*/
.gd { width: 300px; top: 100px; z-index: 999; position: fixed; _position: absolute; _top:expression(documentElement.scrollTop + 0 + "px");
_margin-top: 100px; }
很赞哦! ()
随机图文
帝国cms灵动标签循环调用栏目文章
第一步,增加公共模板变量,第二步,将[!--temp.listnews--]复制,粘贴到首页模板,第三步,添加css,修改skin/jxhx/css/base.css个人博客网站用帝国cms如何添加音乐
在个人博客网站上添加音乐或者视频功能,如果服务器带宽高,可以直接存放,例如想在首页增加一个音乐播放器,如何添加呢?
个人博客模板《More》后台管理
首先感谢您购买本次服务,网站已经安装,并且代码调试完毕,这份操作文档,会帮助你更快的熟悉后台,认真看文档,会取得事半功倍的效果。当然,以下文档里,有任何不便修改帝国cms结合项如何实现多条件查询
实现多条件的筛选,下载帝国官方给出的插件,然后再在数据库表新建字段
1、下载插件
https://pan.baidu.com/s/1KldzKOYFXwm9VysUTn8NrQ
2、打开“fieldand.txt