將以下代碼加到需要的模板即可,在頁面兩側(cè)均可顯示廣告位置,漂浮
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
var duilian = $("div.duilian");
var duilian_close = $("a.duilian_close");
var screen_w = screen.width;
if(screen_w>1024){duilian.show();}
$(window).scroll(function(){
var scrollTop = $(window).scrollTop();
duilian.stop().animate({top:scrollTop+260});
});
duilian_close.click(function(){
$(this).parent().hide();
return false;
});
});
</script>
<style>
/*下面是對聯(lián)廣告的css代碼*/
.duilian{top:260px;position:absolute; width:102px; overflow:hidden; display:none;}
.duilian_left{ left:6px;}
.duilian_right{right:6px;}
.duilian_con{border:#CCC solid 1px; width:100px; height:300px; overflow:hidden;}
.duilian_close{ width:100%; height:24px; line-height:24px; text-align:center; display:block; font-size:13px; color:#555555; text-decoration:none;}
</style>
<!--下面是對聯(lián)廣告的html代碼結(jié)構(gòu)-->
<div class="duilian duilian_left">
<div class="duilian_con">對聯(lián)的內(nèi)容</div>
<a href="#" class="duilian_close">X關(guān)閉</a>
</div>
<div class="duilian duilian_right">
<div class="duilian_con">對聯(lián)的內(nèi)容</div>
<a href="#" class="duilian_close">X關(guān)閉</a>
</div>