 
<script type="text/javascript"> 
var ball; 
var mouseX = 100; 
var mouseY = 100; 
var angle = 0; 
var radius = 0; 

function draw(){ 
ball = document.createElement("span"); 
ball.style.position = "absolute"; 
ball.style.color = "#FF0000"; 
ball.style.zIndex = 999999999; 
ball.innerHTML = "●"; 
document.body.appendChild(ball); 

ball.style["left"] = mouseX+ "px"; 
ball.style["top"] = mouseY+ "px"; 
} 
function MousePos(e) 
{ 
e = e || window.event; 
var x,y; 
if(!document.all){ 
x = e.pageX; 
y = e.pageY; 
} 
else{ 
x = event.clientX + document.documentElement.scrollLeft; 
y = event.clientY + document.documentElement.scrollTop; 
} 
return {x:x,y:y}; 
} 
function setXY(e) 
{ 
e = e || window.event; 
var pos = MousePos(e); 
mouseX = pos.x; 
mouseY = pos.y; 
draw(); 
} 
window.onload = function(){ 
document.documentElement.onmousemove = function(e){ 
e = e || window.event; 
setXY(e); 
}; 
} 
</script> 

效果演示代碼:

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

出處：http://www.cnblogs.com/airy

白板

相關(guān)文章

JS獲取對象屬性API匯總枚舉symbol
這篇文章主要為大家介紹了JS獲取對象屬性API匯總可枚舉性不可枚舉性及symbol介紹，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-10-10
詳解JavaScript如何創(chuàng)建一個非自動播放的GIF網(wǎng)絡(luò)組件
這篇文章主要為大家介紹了如何利用JavaScript創(chuàng)建一個允許您的用戶決定是否要播放gif的Web組件，文中的實(shí)現(xiàn)步驟講解詳細(xì)，需要的可以參考一下
2022-02-02
js冒泡、捕獲事件及阻止冒泡方法詳細(xì)總結(jié)
javascript, jquery的事件中都存在事件冒泡和事件捕獲的問題，針對這兩個問題，本文給出詳細(xì)的解決方法，需要的朋友不要錯過
2014-05-05
微信小程序之 catalog 切換實(shí)現(xiàn)解析
這篇文章主要介紹了微信小程序之 catalog 切換實(shí)現(xiàn)解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2019-09-09
淺析$.getJSON異步請求和同步請求
下面小編就為大家?guī)硪黄獪\析$.getJSON異步請求和同步請求。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06
觸屏中的JavaScript事件分析
這篇文章主要介紹了觸屏中的JavaScript事件,實(shí)例分析了觸屏事件的種類、原理與相關(guān)使用技巧,需要的朋友可以參考下
2015-02-02
Express與NodeJs創(chuàng)建服務(wù)器的兩種方法
本文主要介紹了NodeJs創(chuàng)建Web服務(wù)器；Express創(chuàng)建Web服務(wù)器的兩種方法，具有一定的參考價值，下面跟著小編一起來看下吧
2017-02-02
javascript的防抖節(jié)流函數(shù)解析
這篇文章主要為大家介紹了javascript防抖節(jié)流函數(shù)，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2022-01-01
javascript 程序庫的比較（一）之DOM功能
javascript 程序庫的比較（一）之DOM功能
2010-04-04
深入理解jQuery()方法的構(gòu)建原理
對于JQuery，想必大家都很熟悉。目前，很多web項(xiàng)目，在實(shí)施的過程中，考慮到各瀏覽器原生JS API的兼容性，大都會選用JQuery或類似于JQuery這樣的框架來進(jìn)行網(wǎng)頁效果開發(fā)。這篇文章將給大家深入介紹jQuery()方法的構(gòu)建原理，有需要的朋友們可以參考借鑒。
2016-12-12