この記事では、マウスの矢を燃えるろうそくの光効果に変える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：aspolute; top：41; width：52">
<dd>
<div align = "right">
<img src = "images/light.gif">
</div>
</dd>
</div>
<表>
<tr>
<td> <font face = "宋体" color = "＃ff00ff" style = "font-size：9pt">
</font> <span style = "font-size：9pt">
要約：HTML5ソースコード、キャンバスインスタンス、キャンバスアニメーション
HTML5_CANVAS練習プログラムは、Canvasタグを使用してシンプルなアニメーション効果を描画します。赤信号が点灯し、車が車を停止し、初心者による参照のためにアニメーション効果は比較的粗いです。 HTML5プログラムは現在、IEをサポートしていません。
<br>ゲームを開始した後、<br>マウスで落下するオブジェクトをクリックすると、爆発的なオブジェクトを撃つことができます。生成されたゲームは、品質とスムーズなアニメーションです。テストにはFirefoxまたはChromeブラウザを使用してください。 <br> IE8の次のバージョンでは、このゲームを実行できません。 <br>ゲーム機能は強力ではありませんが、HTML5で基本的なスキルを使用しています。 <br> <br> <br>さらに、一部のゲーム運営のJSクラスも良い選択になりたいと思っています。 <br> <br>
HTML5オフラインストレージインスタンスに基づいて、ページをロードするときに、アプリケーションはオンロード関数を使用して、対応するデータがすでにローカルキャッシュエリアにあるかどうかを確認し、ウェルカムウィンドウを追加し、イベントリスナーを<br> <br>に追加し、ストレージイベントをリッスンします。アプリケーションはLocalStorageの変更に応答し、ブラウザがLocalStorage関数をサポートし、データをキャッシュに設定し、データをクリアし、その他の機能をサポートしていることを確認できます。
</span> </td>
</tr>
</table>
<スクリプト言語= "vbscript">
薄暗い赤、GRE、Blu
DIM X、Y、Z
赤= 255
GRE = 255
Blu = 0
z = 100
sub window_onload（）
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
mybody.filters.light.movelight（0、x、y、100、1に電話してください）
End Sub
</script>
<スクリプト言語= "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プログラミングに役立つことを願っています。