有一个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();
});
最佳答案
如果可以避免IE6,则可以使用position：fixed属性.
<div style="position: fixed; bottom: 0px;">
I am at the bottom of the page
</div>
附加到鼠标指针的Editdiv
<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>
