ส่วนของ Javascript Code
1 2 3 4 5 6 7 8 9 10 11 12 | <script language="javascript" src="js/jquery-1.2.6.min.js"></script><script type="text/javascript">var name = "#float_banner"; var locateY= null; $(function(){ locateY=parseInt($(name).css("top").replace("px","")); $(window).scroll(function(){ offset=locateY+$(document).scrollTop()+"px"; $(name).animate({top:offset},{duration:1000,queue:false}); });});</script> |
CSS และ HTML Code
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <style type="text/css">div#float_banner{ position:absolute; width:150px; display:block; top:150px; height:61px;}</style><div id="float_banner"><img src="//www.ninenik.com/img/link/1224135320.jpg" /></a></div> |
ตัวอย่างผลลัพธ์
