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