记忆盒子

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

首页搜索目录
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)代码实现固定对联的方法 超短超实用！

x

标签: 百度联盟  

※ 网站速度慢？试试网站自动优化工具 ※

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

发表评论:

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

订阅博客                   QQ交流群（312716741）

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

Search

SEO专题

热门文章

最新评论及回复

最近留言

网站分类

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

Copyright @2009-2024 All Rights Reserved. 粤ICP备14028160号-1

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