Este artigo descreve o método do JS para transformar as setas do mouse em um efeito de luz de velas ardentes. Compartilhe para sua referência. Os detalhes são os seguintes:
Este é um código JS que embeleza completamente o efeito das setas de mouse. Através deste código JS, adicione as setas do mouse a um estilo para queimar a vela. Este também é um código muito antigo, que só pode ser executado no IE8 e abaixo dos navegadores, o código é o seguinte:
Copie o código da seguinte forma: <html>
<head>
<meta http-equiv = "content-type" content = "text/html; charset = gb2312">
<Title> Mouse fluorescente muito distinto </ititle>
</head>
<body id = "mybody" style = "filtro: luz (ativado = 1);" bgcolor = "#ffffff" text = "#000000">
<div id = "camada1" style = "altura: 32; esquerda: 66; posição: absoluto; topo: 41; largura: 52">
<DD>
<div align = "Right">
<img src = "Images/Light.gif">
</div>
</dd>
</div>
<tabela>
<tr>
<td> <font face = "宋体" color = "#ff00ff" style = "font-size: 9pt">
</font> <span style = "font-size: 9pt">
Resumo: Código -fonte HTML5, Instância de Canvas, Animação de Canvas
Um programa de prática HTML5_CANVAS, use a tag de tela para desenhar efeitos simples de animação: simule a luz verde no cruzamento, o carro segue; A luz vermelha está acesa, o carro para o carro e o efeito de animação é relativamente difícil, para referência por iniciantes. Os programas HTML5 não suportam o IE atualmente.
<br> O jogo de filmagem, depois de iniciar o jogo, clique no objeto em queda com o mouse e pode filmar objetos explosivos. O jogo gerado é de boa qualidade e animação suave. Por favor, use o Firefox ou o Chrome Browser para testes. <br> As seguintes versões do IE8 não podem executar este jogo. <br> Embora as funções do jogo não sejam poderosas, ele usa habilidades básicas no HTML5. <br> <br> <br> Além disso, algumas aulas de JS operadas por jogos também querem ser boas escolhas. <br> <br>
Com base na instância de armazenamento offline HTML5, ao carregar a página, o aplicativo usa uma função Onload para verificar se os dados correspondentes já estão na área de cache local e adicionará uma janela de boas -vindas, adicione um ouvinte de evento <br> <br> e ouça um evento de armazenamento. O aplicativo pode responder às alterações do LocalStorage e verificar se o navegador suporta a função LocalStorage, defina dados para armazenar em cache, limpar dados e outras funções.
</span> </td>
</tr>
</tabela>
<Script Language = "VBScript">
Dim vermelho, Gre, Blu
dim x, y, z
vermelho = 255
GRE = 255
Blu = 0
z = 100
Sub Window_OnLload ()
Ligue para MyBody.Filters.light.addpoint (0,0, Z, Red, Gre, Blu, 100)
MyBody.style.cursor = "Hand"
final sub
Sub -document_onmouseMove ()
x = window.event.x
y = window.event.y
Ligue para MyBody.Filters.light.movellight (0, x, y, 100, 1)
final sub
</script>
<Script Language = "JavaScript">
// Esta é uma função para mover a camada
função move_layer ()
{
Camada1.style.left = event.clientx+document.body.scrollleft-50;
Camada1.style.top = event.clienty+document.body.scrolltop-20;
}
// O que queremos dizer aqui é que, se o mouse se mover, a função "move_layer" será chamada.
document.onMousEmove = move_layer;
</script>
</body>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.