![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsIiZpdmLzITMwIDMzcTMxEDOwkTMwIzLc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.gif)
1.監聽滑鼠移動事件mousemove
2.擷取滑鼠位置 clientX/Y
3.根據滑鼠坐标改變圖檔位置
<img src="img/login/mouseover1.gif" id="lamb" />
<script type="text/javascript">
$(function(){
$(document).mousemove(function(eve) {
//一開始光标所對應的是圖檔左上角,讓光标指向圖檔中心,各減去一半
$('#lamb').css('left', eve.clientX+50);
$('#lamb').css('top', eve.clientY+50);
})
});
</script>