이 기사는 DIV 레이어에 해당하는 텍스트를 클릭하는 일정한 플래싱 효과를 달성하기위한 JS의 방법을 설명합니다. 참조를 위해 공유하십시오. 특정 분석은 다음과 같습니다.
우리는 종종 많은 엔터테인먼트 웹 사이트 에서이 영향을 본다. 웹 페이지의 정사각형에서 텍스트를 클릭 한 다음 전체 사각형이 계속 깜박입니다. 매우 좋은 역동적 인 효과이며 고객의 관심을 쉽게 끌어들일 수 있습니다. 이 코드는이 효과를 실현합니다. 정사각형을 클릭하면 정사각형이 깜박입니다.
코드를 다음과 같이 복사하십시오.
<html xmlns = "http://www.w3.org/1999/xhtml">
<헤드>
<meta http-equiv = "content-type"content = "text /html; charset = utf-8" />
<title> js는 div 레이어 플래시에 해당하는 텍스트를 클릭한다는 것을 알고 있습니다 </title>
<스타일 유형 = "텍스트/CSS">
#box {위치 : 절대; 상단; 상단 : 50%; 왼쪽 : 50%; 색상 : #ffff; 너비 : 200px; 높이 : 200px; 배경 : 빨간색; 커서 : 포인터; 문자 스페이스 : 5px; 텍스트-정렬 : 센터; font : margin : -100px 0 -100px;}.
</스타일>
<script type = "text/javaScript">
Window.onload = function ()
{
var obox = document.getElementById ( "box");
var timer = null;
obox.onclick = function ()
{
var i = 0;
ClearInterval (타이머);
타이머 = setInterval (function () {
obox.style.display = i ++ % 2? "없음": "블록";
i> 6 && (ClearInterval (타이머))
}, 80)
}
};
</스크립트>
</head>
<body>
<div id = "box"> wulin.com은 다음과 같이 생각합니다. 나를 클릭하면 감히 감히 플래시 </div>
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.