Ảnh hiển thị khi dê chuột cuối trang

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#slidebox{
    width:420px;
    height:100px;
    padding:10px;
    background-color:#000;  
    position:fixed;
    z-index:9999;
    bottom:0px;
    right:-450px;
 -moz-box-shadow:-2px 0px 5px #000;
 -webkit-box-shadow:-2px 0px 5px #000;
 box-shadow:-2px 0px 5px #000;
}
#slidebox p, a.more{
    font-size:11px;
    text-transform:uppercase;
    font-family: Arial,Helvetica,sans-serif;
    letter-spacing:1px;
    color:#777;
}
a.more{
    cursor:pointer;
    color:#E28409;
}
a.more:hover{
    text-decoration:underline;
}
#slidebox h2{
    color:#E28409;
    font-size:18px;
    margin:10px 20px 10px 0px;
}

a.close{
display:block;
width:24px; height: 24px;
cursor: pointer;
text-align: center;
line-height: 26px;
position: absolute;
right: 64px; top:1px;
background: #e93237;
color:#000;
border-bottom-left-radius: 8px;
-moz-border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
-moz-border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
font-size: 15px;
font-weight: bold;
}
a.close:hover{
    background-position:0px -13px;
}
a.copyright{
display:block;
width:24px; height: 24px;
cursor: pointer;
text-align: center;
line-height: 26px;
position: absolute;
right: 35px; top:1px;
background: #ff9900;
color:#555;
border-bottom-left-radius: 8px;
-moz-border-bottom-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
-moz-border-bottom-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
font-size: 13px;
font-weight: bold;
}
</style>
<p id='last'>
</p>
<div id='slidebox'>
<a class='close'>&#215;</a>
<a class='copyright' href='http://goo.gl/M94zV' target='_blank'>?</a>
<h2>
&lt;a target=&quot;_blank&quot; href=&quot;ΤΟ URL ΤΟΥ ΔΙΑΦΗΜΙΖΟΜΕΝΟΥ&quot; rel=&quot;nofollow&quot;&gt;
    &lt;img src=&quot;ΤΟ URL ΤΗΣ ΕΙΚΟΝΑΣ BANNER 300Χ80&quot;&gt;
   &lt;/a&gt;
</h2>
<a class='more'/></div>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(function() {
    $(window).scroll(function(){
        var distanceTop = $(&#39;#last&#39;).offset().top - $(window).height();
 
        if  ($(window).scrollTop() &gt; distanceTop)
            $(&#39;#slidebox&#39;).animate({&#39;right&#39;:&#39;0px&#39;},300);
        else
            $(&#39;#slidebox&#39;).stop(true).animate({&#39;right&#39;:&#39;-450px&#39;},100);
    });
 
    $(&#39;#slidebox .close&#39;).bind(&#39;click&#39;,function(){
        $(this).parent().remove();
    });
});
</script>
</b:if>

Tag : 1