最近發(fā)現(xiàn)，百度懸停廣告不支持IE8瀏覽器了，IE8瀏覽器左下角有黃色感嘆號警告，這個錯誤是百度懸停廣告引起的，如圖：
百度懸停廣告JS報錯
百度懸停廣告JS已經(jīng)報錯，因此懸停效果在IE8里就無效了，但是廣告仍然會顯示。
至于為什么會報錯，我估計是百度廣告進行了升級所致。
如何讓懸停廣告在IE8里也有效？
IE8用戶現(xiàn)在還不能忽視，而懸停廣告的效果是比較好的，因此我們應該想個辦法讓懸停廣告在IE8里也能懸停。
我想到的解決方法是通過懸停一個DIV來實現(xiàn)廣告的懸停效果。（看看演示效果）
實現(xiàn)方法如下：
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>
參數(shù)說明，if (b > a.top + 5) {，這里的5表示固定div停留在距離瀏覽器頂部為5px的位置。
2、在側(cè)欄加上需要固定的div，id為“floatbox”，另外，內(nèi)嵌一個 id="divfloat" 的div
<div id="floatbox" >
<div id="divfloat">
<!-- 這里放百度廣告代碼 -->
</div>
</div>
這樣，我們就可以通過懸停DIV的方法來懸停百度廣告了。
相關文章
4種方法固定側(cè)欄內(nèi)容和廣告位 提高網(wǎng)站PV和點擊率
網(wǎng)頁側(cè)欄浮動固定但不遮住底部的js實現(xiàn)方法
純CSS(非JS)代碼實現(xiàn)固定對聯(lián)的方法 超短超實用！
