通过代码实现广告悬停展示的方法
经常去浏览某些网站的时候，总是看到别人网站的侧栏或者广告跟随滚动条下拉而跟随向下浮动，上拉也跟随浮动到原位置，非常羡慕！不仅好看，美观，而且能提高浏览量，今天就为各位互联网站长朋友分享两种代码实现侧边栏悬停效果广告的方法！
方法一：
1.将以下代码插入网站<head>……</head>部分，修改红色部分:#adsbox为自己的侧栏或者广告DIV标签ID即可！
<script type="text/javascript">
var documentHeight = 0;
var topPadding = 15;
$(function() { var offset = $("#adsbox").offset(); documentHeight = $(document).height();
$(window).scroll(function() { var sideBarHeight = $("#adsbox").height();
if ($(window).scrollTop() > offset.top)
{ var newPosition = ($(window).scrollTop() - offset.top) + topPadding; var maxPosition = documentHeight -
(sideBarHeight + 368); if (newPosition > maxPosition) { newPosition = maxPosition; }
$("#adsbox").stop().animate({ marginTop: newPosition }); }
else { $("#adsbox").stop().animate({ marginTop: 0 }); }; }); }); </script>
2.请根据自己的需要修改，效果请看本站侧栏部分广告跟随滚动条上下浮动效果！
方法二：
此方法只适用于百度联盟广告，话说上面方法一的代码也着实太多了吧，对于网页速度影响很大，其实要实现广告悬停展示方式用简单的代码也可以实现，就是在广告代码中加入一段代码即可实现。其实这种效果早在很多年前就有人实现过，不过考虑到百度等联盟厂商对于擅自修改广告代码的惩罚力度相当大，轻则取消收入，重则直接封号。所以大多站长都按照官方的要求投放，不敢擅自作修改。不过这次是得到官方认可的，可以放心使用。具体如下：
假如你的某个广告代码位的原始代码为：
<script type="text/javascript">
/* xxx*xxx，创建于20xx-x-xx */
varcpro_id = "uxxxxxx";
</script>
<script src=http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script>
那么你只需要在其中插入如下代码：
(window["cproStyleApi"]
= window["cproStyleApi"] || {})[cpro_id] = {
xuanting: 1 };
插入之后原始代码就变成了如下内容：
<script type="text/javascript">
/* xxx*xxx，创建于20xx-x-xx */
varcpro_id = "uxxxxxx";
(window["cproStyleApi"] = window["cproStyleApi"] || {})[cpro_id] = {
xuanting: 1
};
</script>
<script src=http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script>
然后你把修改后的广告代码添加到网页的合适位置就可以了，效果可以预览一下本博客侧边栏的百度悬停广告。
方法三：
此方法只适用于自定义图片广告，在网页右侧加悬浮代码，其实非常简单
①、在广告的管理模块里新增加一个广告
②、广告代码在下面：
<div><a href=" （广告地址处）"><img src="/templets/tupian/漂浮.webp（图片地址处）" border="0"></a></div>
<script>
var x = 50,y = 60
var xin = true, yin = true var step = 1 var delay = 10
var obj=document.getElementByIdx_x_x("ad") function floatAD() { var L=T=0
var R= document.body.clientWidth-obj.offsetWidth var B = document.body.clientHeight-obj.offsetHeight obj.style.left = x + document.body.scrollLeft obj.style.top = y + document.body.scrollTop x = x + step*(xin?1:-1)
if (x < L) { xin = true; x = L} if (x > R){ xin = false; x = R} y = y + step*(yin?1:-1)
if (y < T) { yin = true; y = T } if (y > B) { yin = false; y = B } }
var itl= setInterval("floatAD()", delay)
obj.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("floatAD()", delay)} </script>
③、把上面代码的广告网址替换成你的广告网址，把上面代码的src="/templets/tupian/漂浮.webp （图片地址）代码换成你的图片地址就行了。
相关推荐
-
近十五天的天气怎么样近十五天天气预报南
新版网站将天气预报时效从原来的7天延长至15天，并增加了未来3天每3小时预报景点天气预报空气质量实况等信息 中国天气网由中国气象局公共气象服。请问15号天气怎么样，谢谢更多精彩回答尽在途牛问答 看一下天气预报啊，当地人也是看天气预报的。天气网作为专业的天气预报预报网站，提供全国所有省份城市区县未来15天天气查询，查询各个城市未来15天天气状况，方便出行。衡阳...
-
视频超清和高清有多大的区别？
视频超清和高清有多大的区别？，像素分辨率,电视机,分辨率，视频的分辨率是按照不同等级划分的，由低到高排列分别是：1、标清分辨率；2、高清分辨率；3、全高清分辨率；4、超高清分辨率。这个标准是按照什么形成的？这个并非现在网络上视频网站标注的清晰度规格，那种网络上标注的所谓高清、超高清，特别是国内一些视频网站的标注是非常不标准的，这个从标清到...
-
人像摄影怎么拍摄出腰细腿长的效果？
人像摄影怎么拍摄出腰细腿长的效果？，摄影,人像摄影,广角镜头，谢邀讨论！人像摄影怎样去拍摄出腰细腿长？其实方法很简单。掌握以下几个方面的要领，即可拍出腰细腿长的美照。1.构图拍摄这类摄影作品，构图以斜线为主，也可选择平行构图，亦或选择常用九宫格、引导线构图。2.拍摄方法不论是坐姿、站姿、躺姿，拍摄均采用仰拍法，仰拍能增加延伸效果，给人一种...
-
摄影修图，怎么给照片制造“小人国”效果？
摄影修图，怎么给照片制造“小人国”效果？，摄影,小人国,小月，手机前期拍摄、后期制作“小人国”效果：“小人国”效果，可以利用对比或道具等前期拍摄。也可以利用后期合成，或特效制作。小月整理三种方法，有兴趣的伙伴用手机就能拍摄或制作。一、利用小道具前期拍摄：如果手边有现成的道具，可以布置简单的场景，直接拍摄。▼ 比如：利用“小道具人”拍摄图中...
-
冷藏柜清洗方法(冷藏柜如何清洗干净)
1、首先移走柜内商品和杂物，存入冷库中，这是最基础的部分。2、在清洗前切断柜内和机组电源，这点非常的重要，有的人带电清洗冷柜是大忌，带电清洗可能会触电导致会损伤自己。3、将风扇组件挂起来，风扇挂钩挂到后风道板上，洗完后，恢复原位，避免碰坏其它制冷管道和电线插头。4、用清洗剂清洗所有表面，不要使用洗衣粉不要用高压水枪对柜子内部进行冲洗。5、柜内积水及时排出...
-
中国新歌声官方网站是多少
中国新歌声官方网站是多少，法律,法制，骗子不说你中奖，你能信么，记住中奖信息都是假的，电视里报道过多次，网页，都是骗子的网页，把你的信息套取后，就开始吓唬你，什么中奖不兑支付违约金，交什么押金、保险金、公证费，让你交1万你就警觉啦，这都是骗子一步一步的骗你的钱，冒充法院要起诉你，出动警力抓你，中奖是民事责任，不是犯罪，刑事拘留？是刑事犯罪...
-
今日生猪价格内蒙古「今日生猪价格表」
感谢您的支持与配合我们所有，投稿人在金投网发表的所有信息，单位元公斤网站地图手机版养猪宝APP下载您好，规模场已小幅下跌为主，今日全国生猪均价继续维持震荡。在今日的一场NBA常规赛中。全国生猪日评猪价大稳小动。汇集了生猪价格。欢迎浏览中国养猪网首页养猪行情今日生猪价格生猪价格行情正文今年01月26日全国内三元生猪价格行情涨跌表，比赛中。今日全国生猪价格表脂肪...
-
阿里旺旺怎样打开？
阿里旺旺怎样打开？，阿里旺旺,卖家，首先要下载阿里旺旺聊天软件，这个软件是淘宝开发的，分为买家版的阿里旺旺和卖家版的阿里旺旺。如果之前电脑里没有下载买家的版的阿里旺旺，那下载一个装在电脑里，当浏览商品时想咨询卖家问题就可以登录阿里旺旺跟卖家沟通。如果之前没有下载，也不知道去哪里下载，就上淘宝网浏览商品，当想你卖家沟通时，点对方的阿里旺旺，...
-
怎样用手机话费充值qq币
1、首先，在浏览器中输入“腾讯充值中心”点击进入官网。 2、官网首页，点击“Q币充值”。 3、输入账号和密码，登陆账户。 4、支付方式中选择“更多方式”，下拉菜单再点击“手机”。 5、输入充值账号、数量、营运商和手机号。 6、最后，核实无误后点击“立即充值”即可。...
-
专升本有什么方法？哪个好？
专升本有什么方法？哪个好？，专升本,时政外交,方法,严武，专升本学习方法如下：语文复习方法语文是一个容易学的学科，每个人都会一点，不像其他学科那样让人头疼，但是语文是提分最慢的一个学科，它需要长期积累才能看到效果，学习语文更重要的是一种顿悟的过程，首先你要对他感兴趣，其次需要坚持，只有这样，才能看到成效。多读相信大家都听过“书读百遍其义自...
-
苹果手机联系人不见了恢复的方法
1、首先我们打开手机桌面上的【设置】。2、打开设置后，接着点击上方的Apple ID进入账号。3、然后我们就可以找到【iCloud】并点击。4、接着我们能看到通讯录后方按钮是打开状态，现在点击一下，将其关闭。5、这时就会弹出提示框，询问要如何梳理之前在iPhone上与iCloud同步的通讯录，选择第一项【保留在我的iPhone上】。6、然后丢失的通讯录就...
-
什么是顶真的修辞手法？
什么是顶真的修辞手法？，蒙太奇，顶真（顶针），亦称联珠、蝉联，是一种修辞方法，是指上句的结尾与下句的开头使用相同的字或词，用以修饰两句子的声韵的方法。注意：使用这个方式时，毋须限制上下句的字数或平仄，但上下句交接点一定要使用相同的字或词。顶真一般是前面结尾的词语或句子作下一句的起头。这种方法，也用到影视剧及动漫的蒙太奇中，称为顶针蒙太奇。...
-
搜狗浏览器如何查看已保存的网页的用户名
搜狗浏览器如何查看已保存的网页的用户名和密码？，搜狗浏览器,用户名，1、首先打开浏览器。在浏览器网页大全上就有邮箱的登陆地址，因此登陆浏览器都会自动显示邮箱的用户名和密码，直接点击登陆即可。2、类似这种保存了用户名和密码的网站还有很多，点击右上方菜单栏里的工具选项，弹出下拉菜单，如下图所示。3、点击工具下拉菜单里的选项按钮，进入浏览器选项...
-
如何找回网站密码？找回注册密码？密码找回？
如何找回网站密码？找回注册密码？密码找回？，用户名，1如果登陆研招网账号的时候，提示密码错误，并且记不住正确的密码了，可以点击密码框旁边的“忘记密码？”，或者直接输入上边给出的网站链接进入找回密码！2进入密码找回页，会看到两个找回密码的方式，第一个是注册邮箱，输入用户名后，点击下一步系统会往你的注册邮箱发送一个修改密码的链接。第二个是使用...