這篇文章主要介紹了JS實現鼠標箭頭變成一個燃燒燭光效果的方法,實例分析了javascript操作鼠標事件及圖片的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了JS實現鼠標箭頭變成一個燃燒燭光效果的方法。分享給大家供大家參考。具體如下：
這是一個完全的鼠標箭頭美化效果的JS代碼，通過這個JS代碼，把鼠標的箭頭加上一個樣式，燃燒中的蠟燭。這個也是很古老的代碼了，只能在IE8及以下浏覽器運行，代碼如下：
代碼如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>很有特色的熒光鼠標</title>
</head>
<body id="mybody" style="filter:light(enabled=1);" bgcolor="#ffffff" text="#000000">
<div id="Layer1" style="height: 32; left: 66; position: absolute; top: 41; width: 52">
<dd>
<div align="right">
<img src="images/light.gif" width="29" height="30">
</div>
</dd>
</div>
<table border="0" width="100%">
<tr>
<td width="82%"><font face="宋體" color="#FF00FF" style="font-size: 9pt">
</font><span style="font-size: 9pt">
摘要:HTML5源碼,Canvas實例,Canvas動畫
一個HTML5_Canvas練手程序，用Canvas標簽<br><br><br>繪制簡單的動畫效果：模擬十字路口綠燈亮，<br><br>車走；紅燈亮，車停效果，動畫效果比較粗糙，<br>供入門者參考。HTML5程序，目前暫不支持IE。
<br> 射擊游戲,開始游戲後，<br>用鼠標點擊下落的物體，<br>可射擊爆炸物體，生成的游戲畫質精細，<br>動畫流暢，測試時請使用火狐或Chrome浏覽器，<br>IE8以下版本不能運行本游戲。<br>雖然游戲功能不算強大，<br><br>但卻用到了HTML5中基礎的技巧，<br><br><br>另外，一些游戲操作的JS類也是想當不錯的選擇。<br><br>
基於html5離線存儲實例，當加載頁面時，應用程序利用一個 onLoad 函數來核查相<br><br>應的數據是否已經位於本地高速緩存區中並且將添加一個<br><br>歡迎窗口，添加一個事件偵聽程序以<br><br>及偵聽一個storage 事件，<br><br>應用程序能夠對localStorage變更進行響應，<br><br>核查浏覽器支持localStorage功能，<br><br>設置數據到緩存，清除數據等功能。
</span></td>
</tr>
</table>
<script language="vbscript">
dim red,gre,blu
dim x,y,z
red=255
gre=255
blu=0
z=100
sub window_onload()
call mybody.filters.light.addPoint(0,0,z,Red,Gre,Blu,100)
mybody.style.cursor="hand"
end sub
sub document_onmousemove()
x=window.event.x
y=window.event.y
call mybody.filters.Light.MoveLight(0, x, y, 100, 1)
end sub
</script>
<script language="javascript">
//這是使圖層移動的函數
function move_layer()
{
Layer1.style.left=event.clientX+document.body.scrollLeft-50;
Layer1.style.top=event.clientY+document.body.scrollTop-20;
}
//這裡的意思是，如果鼠標移動時就調用"move_layer"函數
document.onmousemove =move_layer;
</script>
</body>
</html>
希望本文所述對大家的javascript程序設計有所幫助。