Плавающий DIV в HTML странице

Question

есть DIV,

<div id='show' style='display:none;'></div> 

отредактировать некоторые содержимое к через JavaScript, как,

document.getElementById('show').innerHTML = el.innerHTML; 
document.getElementById('show').title = el.innerHTML; 

Кроме того, этот DIV показан на мыши над. Как только пользователь прокручивает страницу, div должен появиться в представлении внизу. Как это может быть достигнуто.

Редактировать

Также можно сказать, у меня, что случилось с этим ..

var ele=document.getElementById('show'); 
document.getElementById('show').innerHTML = el.innerHTML; 
ele.width='200px'; 
ele.height='30px'; 
ele.bgcolor='#a9a9a9'; 
ele.color='#fff'; 
ele.position='absolute'; 
ele.display='block'; 

$(window).mouseover(function(event) { 
    $("#show").css({'top': event.pageY, 'left': event.pageX}); 
    $('#show').height(); 
}); 

ДИВ не показывает up.This находится внутри функции и вызывается при наведении мыши

Answer 1

Если вы можете избежать IE6, то вы можете использовать свойство position: fixed.

Смотреть position недвижимость

<div style="position: fixed; bottom: 0px;"> 
    I am at the bottom of the page 
</div> 

Edit- Див прикреплен к указателю мыши

<style type="text/css"> 
#div1 { width: 200px; height: 30px; background-color: #a9a9a9; color: #fff; position: absolute; } 
</style> 
<script src="jquery.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function(){ 
    $(window).mousemove(function(event){ 
     $("#div1").css({'top': event.pageY, 'left': event.pageX}); 
    }); 
}); 
</script> 
<div id="div1">move me</div> 

Working Demo