Thứ Ba, 2 tháng 7, 2013

Code quảng cáo chạy dọc theo khi kéo trang

Nguồn: @ NASS

Khi đặt quảng cáo lên website, blog, hay forum..., chúng ta thường gặp vấn đề chung là đặt thế nào để không mất thẩm mỹ của site, không gây khó chịu khi xem nội dung bài viết nhưng lại muốn quảng cáo gây được chú ý của người truy cập. Hôm nay LeHaiDang.Name.Vn chia sẻ cho các bạn code quảng cáo chạy dọc theo khi chúng ta kéo trang web.




code:



<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

<div id="side_billboard_container">

<div id="side_billboard">

<div align="center">

Nội dung quảng cáo, các bạn chèn vào đây nhé.

</div>

<script type="text/javascript">

new function() {

jQuery(window).scroll(function() {

if (jQuery(this).scrollTop() > jQuery("#side_billboard_container").offset().top)

{

jQuery("#side_billboard").css('left', jQuery("#side_billboard_container").offset().left - jQuery(this).scrollLeft()).css('position', 'fixed').css('top', Math.min(0, jQuery('#footer').offset().top - jQuery(this).scrollTop() - jQuery("#side_billboard").height()));

}

else

{

jQuery("#side_billboard").css('position', 'static');

}

});

jQuery(window).resize(function(){

if (jQuery(this).scrollTop() > jQuery("#side_billboard_container").offset().top)

{

jQuery("#side_billboard").css('left', jQuery("#side_billboard_container").offset().left - jQuery(this).scrollLeft()).css('position', 'fixed').css('top', Math.min(0, jQuery('#footer').offset().top - jQuery(this).scrollTop()));

}

else

{

jQuery("#side_billboard").css('position', 'static');

}

});

}

</script>

</div>

</div>



Đăng ký: Viet Blogs

Nguồn tin

Nguồn Tin Mới