天天看點

讓圖檔跟随滑鼠移動

讓圖檔跟随滑鼠移動

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>
           

繼續閱讀