이 기사는 마우스 화살표를 불타는 촛불 효과로 바꾸는 JS의 방법을 설명합니다. 참조를 위해 공유하십시오. 세부 사항은 다음과 같습니다.
이것은 마우스 화살표의 효과를 완전히 아름답게하는 JS 코드입니다. 이 JS 코드를 통해 마우스 화살표를 스타일에 추가하여 양초를 태우십시오. 이것은 또한 매우 오래된 코드이며 IE8 이상에서만 실행할 수 있으며 코드는 다음과 같습니다.
다음과 같이 코드를 복사하십시오. <html>
<헤드>
<meta http-equiv = "content-type"content = "text/html; charset = gb2312">
<title> 매우 독특한 형광 마우스 </title>
</head>
<body id = "mybody"style = "필터 : light (enabled = 1);" bgcolor = "#ffffff"text = "#000000">
<div id = "layer1"style = "높이 : 32; 왼쪽 : 66; 위치 : 절대; 상단 : 41; 너비 : 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 연습 프로그램, 캔버스 태그를 사용하여 간단한 애니메이션 효과를 그립니다. 교차로에서 녹색 표시등을 시뮬레이션하면 자동차가 간다. 붉은 빛이 켜져 있고, 자동차는 자동차를 멈추고, 초보자가 참조 할 수 있도록 애니메이션 효과는 비교적 거칠다. HTML5 프로그램은 현재 IE를 지원하지 않습니다.
<br> 촬영 게임, 게임을 시작한 후 <br> 마우스로 떨어지는 물체를 클릭하고 폭발적인 물체를 촬영할 수 있습니다. 생성 된 게임은 고급 품질과 부드러운 애니메이션입니다. 테스트를 위해 Firefox 또는 Chrome 브라우저를 사용하십시오. <br> 다음 버전의 IE8 은이 게임을 실행할 수 없습니다. <br> 게임 기능은 강력하지는 않지만 HTML5에서 기본 기술을 사용합니다. <br> <br> <br> 또한 일부 게임 운영 JS 클래스도 좋은 선택이되기를 원합니다. <br> <br>
HTML5 오프라인 스토리지 인스턴스를 기반으로 페이지를로드 할 때 응용 프로그램은 Onload 기능을 사용하여 해당 데이터가 이미 로컬 캐시 영역에 있는지 확인하고 환영 창을 추가하고 <br> <br>에 이벤트 리스너를 추가하고 스토리지 이벤트를 듣습니다. 응용 프로그램은 LocalStorage 변경에 응답하고 브라우저가 LocalStorage 기능을 지원하고 데이터를 캐시로 설정, 데이터를 명확한 데이터 및 기타 기능을 지원하는지 확인할 수 있습니다.
</span> </td>
</tr>
</테이블>
<script language = "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 = "핸드"
종료 서브
sub document_onmouseMove ()
x = Window.event.x
y = window.event.y
mybody.filters.light.movelight (0, x, y, 100, 1)
종료 서브
</스크립트>
<script language = "javaScript">
// 이것은 레이어를 움직이는 기능입니다
함수 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;
</스크립트>
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.