记忆盒子

把记忆装进灰色的盒子,封装起来,那年那月,重新拾起。

首页搜索目录
search
当前主题: 互联网络

百度悬停广告不支持IE8浏览器的解决方法

作者:Kaka    时间:2015-9-17 9:11:57    浏览:    评论:1

      最近发现,百度悬停广告不支持IE8浏览器了,IE8浏览器左下角有黄色感叹号警告,这个错误是百度悬停广告引起的,如图:

百度悬停广告JS报错

百度悬停广告JS报错

      百度悬停广告JS已经报错,因此悬停效果在IE8里就无效了,但是广告仍然会显示。

      至于为什么会报错,我估计是百度广告进行了升级所致。

      如何让悬停广告在IE8里也有效?

      IE8用户现在还不能忽视,而悬停广告的效果是比较好的,因此我们应该想个办法让悬停广告在IE8里也能悬停。

      我想到的解决方法是通过悬停一个DIV来实现广告的悬停效果。(看看演示效果

      实现方法如下:

1、在<head></head>之间加入如下代码

<style type ="text/css" >
.fixed { 
    position:fixed; 
    top:40px; 
    width:300px; 
}
</style>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript"> 
jQuery(document).ready(function() { 
    var a = $("#floatbox").offset(); 
    $(window).scroll(function() { 
        var b = $(window).scrollTop(); 
        if (b > a.top + 5) { 
            $("#divfloat").addClass("fixed") 
        } else { 
            $("#divfloat").removeClass("fixed") 
        } 
    }); 
}); 
</script> 

      参数说明,if (b > a.top + 5) {,这里的5表示固定div停留在距离浏览器顶部为5px的位置。

      2、在侧栏加上需要固定的div,id为“floatbox”,另外,内嵌一个 id="divfloat" 的div

<div id="floatbox" >
          <div id="divfloat">
              <!-- 这里放百度广告代码 -->
          </div>
</div>

      这样,我们就可以通过悬停DIV的方法来悬停百度广告了。

      相关文章

      4种方法固定侧栏内容和广告位 提高网站PV和点击率

      网页侧栏浮动固定但不遮住底部的js实现方法

      纯CSS(非JS)代码实现固定对联的方法 超短超实用!

加入本站QQ群(312716741),交流分享网站建设、优化、SEO技术。。。

 

上一篇: 经验分享:域名被hold后,如何快速申请解除冻结
下一篇: 卡卡测速网测试网页下载速度的原理分析

发表评论:

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

订阅博客                   QQ交流群(312716741)

  • 通过Google订阅本站 通过鲜果订阅本站 通过抓虾订阅本站
  • 通过QQ邮箱订阅本站 通过Yahoo订阅本站 通过有道订阅本站

Search

最新评论及回复

最近留言

网站分类

Powered By Z-Blog 1.8 Walle Build 91204 Designed by Han'space

Copyright @2009 All Rights Reserved. 粤ICP备09073737号

Powered By Z-Blog 1.8 Walle Build 91204
Copyright @2009 All Rights Reserved.