이 기사 예제는 Cool Wate Wave Text 특수 효과를 구현하는 JS의 예를 알려줍니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
다음과 같이 코드를 복사하십시오. <html>
<헤드>
<title> js는 멋진 워터 웨이브 텍스트 효과를 구현합니다 </title>
</head>
<body bgcolor = "#000000"onload = "if (document.all) wave ()">
<centre>
<div id = 'water'style = '위치 : 상대; 너비 : 400px; 높이 : 150px; font-family : verdana; font-size : 50px; 컬러 :#8080ff'>
</div>
</센터>
<script language = "javaScript">
<!-
if (document.layers) {// if if ns 인 경우
Alert ( "브라우저는이 특수 효과를 지원하지 않습니다"); // 프롬프트를 만듭니다
}
else // 그렇지 않으면 (NS가 아님)
if (document.all) {// IF IF IF입니다
var 단계 = 3; // 변경 효과의 단계 길이를 설정합니다
var xstep = 0;
var msg = '환영 <br> wulin.com <br> jb51.cn';
water.innerhtml = msg // 효과 레이어의 내용을 설정합니다
함수 wave () {
//이 문장은 XSTEP의 값에 따라 필터의 위상 속성이 동적으로 설정되는 레이어 스타일을 설정하는 데 사용됩니다.
document.all.water.style.filter = 'wave (freq = 3, 강도 = 5, phase ='+xstep+', lightstrength = 45, add = 0, enabled = 1)';
xstep+= 단계;
// 단계 값에 따라 XSTEP 값을 변경하여 다음에 레이어 스타일이 새로 고침 될 때 잔물결 각도가 약간 변경됩니다.
TIMER = settimeout ( 'wave ()', 10); // 다음 변경에 대한 지연을 설정합니다
}
}
//->
</스크립트>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.