随鼠标移动的图片或文字特效!

随鼠标移动的图片或文字特效!随鼠标移动的图片或文字特效!View Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    
<title>跟随鼠标的图片特效</title>
    
<script language="javascript" type="text/javascript">
        document.onmousemove 
= function () {
            
var x = window.event.clientX;
            
var y = window.event.clientY;
            
var divId = document.getElementById("divId");
            
if (!divId) {
                
return;
            }
            divId.style.left 
= x;
            divId.style.top 
= y;
        }
    
</script>
</head>
<body>
    
<div id="divId" style="position: absolute; margin-left:20px;">
        这里放的是图片
    
</div>
</body>
</html>

 

其实这段代码很简单,也很好理解,只是获取了当前鼠标在屏幕中的位置; 然后再把坐标值赋给图片,或者文字!当然要用到 position:absoluute;   绝对定位!

上一篇:@Query 疑难杂症


下一篇:使用pgadmin3-1.18.1(windows版本)连接greenplum的时候报错