 
<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需再刷新一下頁(yè)面才能執(zhí)行]

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

白板

相關(guān)文章

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