您现在的位置是:首页 > 建站建站
网站侧边栏广告固定浮动效果的实现
cc博主2021-10-03【建站】826人已围观
对于页面内容很长的网站来说,经常会出现浏览内容的时候,侧栏已经空了,没内容了,这对于网站广告来说非常可以,如果侧栏空了之后能固定一个广告的话,那样对网站和用户双方的体验都不错,下面就说说具体实现的方法。
先在网站加入jquery.js,一般网站都已经加过这个js,因此可以跳过,没有用的网站则需要在网站header部分加入jquery.js代码。
之后,编辑侧栏模板,在侧栏最底部加入广告代码,代码如下:
<div id="float" class="float">
广告的HTML代码
</div>
最后,在网站底部增加如下的javascript代码即可:
$.fn.smartFloat = function() { var position = function(element) { var top = element.position().top, pos = element.css("position"); $(window).scroll(function() { var scrolls = $(this).scrollTop(); if (scrolls > top) { if (window.XMLHttpRequest) { element.css({ position: "fixed", top: 0 }); } else { element.css({ top: scrolls }); } }else { element.css({ position: pos, top: top }); } }); }; return $(this).each(function() { position($(this)); }); }; $("#float").smartFloat();
相关文章
猜你喜欢
创梦网络-成都三线优化线路200G高防云主机7折促消20Mbps大带宽折后105元,雅安三线100G高防7折20Mbps大带宽折后低至84元!
服务器评测达州创梦网络怎么样,达州创梦网络公司位于四川省达州市,属于四川本地企业,资质齐全,IDC/ISP均有,从创梦网络这边租的服务器均可以备案,属于一手资源,高防机柜、大带宽、高防IP业务,一手整C IP段,四川电信,一手四川托管服务商,成都优化线路,机柜租用、服务...
阅读更多免费v2ray订阅永久免费,每天小时ssr节点更新(2022/6/29)
技术好文免费v2ray订阅永久免费,每天小时ssr节点更新,今日周三,为大家提供最新白嫖ssr节点及v2ray节点链接分享账号链接付费节点点击右侧栏目图。资源在2022年6月29日17点更新。免费资源并不容易。请珍惜它。蜗牛SEO将继续更新可用资源,并尽最大努力更新更...
阅读更多英语适龄学习新装备:讯飞AI翻译笔P20&P20 Plus正式发布
业界6月23日,科大讯飞发布了两款面向不同年龄段学生的英语学习新装备——讯飞AI翻译笔P20和P20 Plus。其中P20专为3-10岁轻松同步学英语设计,P20 Plus专为10岁以上深度同步学英语设计。讯飞AI翻译笔根据不同年龄段孩子身心发育特点和英语学习...
阅读更多某学习软件疑似数据泄露登上热搜 数据防裸奔、补短板迫在眉睫
业界6月21日,有微博网友曝料称,大学生学习软件超星学习通的数据库信息疑似被公开售卖,其中疑似泄露的数据包含姓名、手机号、性别、学校、学号、邮箱等信息1亿7273万条。#学习通#话题一度登上微博热搜第一。 有意思的是,在整整一年前(6月22日),知名职场社交软...
阅读更多阿里已经慢不起了
业界“Shopee第一,GoTo上市,TikTok发力;Lazada融资失败,内忧外患。环境不同,所谓的国内经验,只不过是鸡肋而已,留给Lazada 的时间不多了。”一位从事东南亚电商的互联网人发出了感慨。近年来,阿里系电商Lazada一直备受争议。一来,东南亚...
阅读更多