Code tạo banner quảng cáo trượt ở sidebar cho website

Đang loay hoay bố trí các vị trí quảng cáo trên diễn đàn Việt Designer thì mò được cái code này khá tiện dụng khi đặt quảng cáo trượt ở sidebar cho website hoặc diễn đàn. Với kiểu trượt này thì vị trí quảng cáo sẽ có giá trị hơn và tận dụng tối đa khoảng trống trên website để quảng cáo

Demo xem tại đây: http://forumdemo.vietdesigner.net/

Code:

Code:

<script>
var $stickyHeight = 460; // chiều cao của banner quảng cáo
var $padding = 5; // khoảng cách top của banner khi dính
var $topOffset = 3560; // khoảng cách từ top của banner khi bắt đầu dính (tức là khoảng cách tính từ trên xuống đến vị trí đặt banner )
var $footerHeight = 300; // Định vị điểm dừng của banner, tính từ chân lên
/* <![CDATA[ */
function scrollSticky(){
if($(window).height() >= $stickyHeight) {
var aOffset = $('#sticky').offset();
if($(document).height() - $footerHeight - $padding < $(window).scrollTop() + $stickyHeight) {
var $top = $(document).height() - $stickyHeight - $footerHeight - $padding - 185;
$('#sticky').attr('style', 'position:absolute; top:'+$top+'px;');
 
}else if($(window).scrollTop() + $padding > $topOffset) {
$('#sticky').attr('style', 'position:fixed; top:'+$padding+'px;');
}else{
$('#sticky').attr('style', 'position:relative;');
}
}
}
$(window).scroll(function(){
scrollSticky();
});
/* ]]> */
</script>
<div id="sticky">
<a target="_blank" href="http://vietdesigner.net"><img src="http://dl.vietdesigner.net/u/181257125/250x220.jpg" title="Quảng cáo trượt sidebar" width="250" height="220"></a>
</div>