온라인 세계는 매우 흥미롭습니다. 특수 효과를 적절하게 사용하면 화려한 페이지가 더욱 아름다워질 것입니다. 제가 요약한 특수효과는 다음과 같습니다.
점핑 텍스트
춤추는 텍스트를 보고 싶으신가요? 가져와!
코드: 먼저 〈head〉와 〈/head〉
〈!--
functionfont11()
//함수font11() 정의
{
document.all.a1.style.fontSize=16
Math.floor(Math.random()*24) //Math.random() 함수를 호출하여 난수를 생성한 후 사용 it Math.floor() 함수는 Math.random()*24보다 작거나 같은 다음 숫자를 생성하여 텍스트 크기를 변경합니다
c1=Math.floor(Math.random()*256); c2=수학 .floor(Math.random()*256);
c3=Math.floor(Math.random()*256)
document.all.a1.style.color="rgb(" c1 ", " c2 "," c3 ")"; //위와 동일하게 텍스트 색상 변경(RGB 색상 조정 사용)
타이머=setTimeout('font11()',200) //font11 호출 () 함수는 200밀리초마다
}
--->〈/script〉
에 onLoad="font11();"을 추가하고 마지막으로
를 추가합니다. Fly〈/span〉
특징: 텍스트 색상과 크기를 임의로 변경할 수 있습니다.
확장자: 웹 페이지에 여러 개의 코드 세트를 추가할 수 있으며, 여기서 글꼴 11은 앞으로는 글꼴 12, 글꼴 13 등으로 표시됩니다. 텍스트는 다르게 표시될 수 있습니다.
사진이 페이드 인/아웃됩니다
시간이 지남에 따라 사진도 흐릿함에서 선명함으로 주기적으로 변합니다.
코드: 먼저 〈head〉와 〈/head〉 사이에 〈script 언어="JavaScript"〉를 추가합니다.
〈!--
mark=0
function tupian() //함수 tupian 생성 ()
{
if(photo.filters.alpha.opacity〈10)
//이미지 투명도가 10 미만인 경우
mark=1
if(photo.filters. alpha.opacity〉98)
//이미지 투명도가 98보다 큰 경우
mark=-1;
step=2*mark
photo.filters.alpha.opacity =step; 🎜> //투명 값 카운터 누적
setTimeout('tupian()',20);
//프로그램은 20밀리초마다 실행됩니다
}
--->〈/script〉
그런 다음 이미지 속성에 id="photo" 및 style="filter:alpha(opacity=0;)"를 추가합니다.
마지막으로 이미지 코드 뒤에 〈script〉〈!--
tupian()을 추가합니다. ;
--->〈/script〉
특징: 그림이 들어오고 나갑니다.
이 글의 코드는 매우 간단하며, 설명이 필요한 부분은 모두 설명했습니다.