한국어
中文(简体)
中文(繁体)
한국어
日本語
English
Português
Español
Русский
العربية
Indonesia
Deutsch
Français
ภาษาไทย
홈페이지
소스 다운로드
프로그래밍 관련
웹사이트 자원
서적 튜토리얼
웹 디자인 튜토리얼
네트워크 프로그래밍 튜토리얼
모바일 게임
휴대폰 소프트웨어
문서
홈페이지
>
웹 디자인 튜토리얼
>
웹 특수효과
페이지를 열 때 키보드를 사용하여 몇 글자를 입력하면 페이지가 자동으로 탐색됩니다.
저자:Eve Cole
업데이트 시간:2009-06-18 17:26:42
<!--完成此特效需要2步 第一步:把下face代码放到<head>区域中--> <script 언어="JavaScript"> var a_Colour='ff0000'; var b_Colour='00ff00'; var c_Colour='0000ff'; 변수 크기=50; var YDummy=새 배열(),XDummy=새 배열(),xpos=0,ypos=0,ThisStep=0;step=0.03; if (document.layers){ window.captureEvents(Event.MOUSEMOVE); function nsMouse(evnt){ xpos = window.pageYOffset+evnt.pageX+6; ypos = window.pageYOffset+evnt.pageY+16; } window.onMouseMove = nsMouse; } else if (document.all) { function ieMouse(){ xpos = document.body.scrollLeft+event.x+6; ypos = document.body.scrollTop+event.y+16; } document.onmousemove = ieMouse; } function 소용돌이(){ for (i = 0; i < 3; i++) { YDummy[i]=ypos+Size*Math.cos(ThisStep+i*2)*Math.sin((ThisStep)*6); XDummy[i]=xpos+Size*Math.sin(ThisStep+i*2)*Math.sin((ThisStep)*6); } ThisStep+=단계; setTimeout('swirl()',10); } var 금액=10; if (document.layers){ for (i = 0; i < amount; i++) { document.write('<레이어 이름=nsa'+i+' top=0 left=0 width='+i/2+' height ='+i/2+' bgcolor='+a_Colour+'></layer>'); document.write('<layer name=nsb'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+b_Colour+'></layer>' ); document.write('<layer name=nsc'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+c_Colour+'></layer>' ); } } else if (document.all){ document.write('<div id="ODiv" style="position:absolute;top:0px;left:0px">' +'<div id="IDiv" style= "위치:상대">'); for (i = 0; i < amount; i++) { document.write('<div id=x style="position:absolute;top:0px;left:0px;width:'+i/2+';height: '+i/2+';배경:'+a_Colour+';글꼴 크기:'+i/2+'"></div>'); document.write('<div id=y style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+'; background:'+b_Colour+ ';글꼴 크기:'+i/2+'"></div>'); document.write('<div id=z style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+'; background:'+c_Colour+ ';글꼴 크기:'+i/2+'"></div>'); } document.write('</div></div>'); } 함수 prepos(){ var ntscp=document.layers; var msie=document.all; if (document.layers){ for (i = 0; i < amount; i++) { if (i < amount-1) { ntscp['nsa'+i].top=ntscp['nsa'+(i+1 )].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left; ntscp['nsb'+i].top=ntscp['nsb'+(i+1)].top;ntscp['nsb'+i].left=ntscp['nsb'+(i+1)]. 왼쪽; ntscp['nsc'+i].top=ntscp['nsc'+(i+1)].top;ntscp['nsc'+i].left=ntscp['nsc'+(i+1)]. 왼쪽; } else { ntscp['nsa'+i].top=YDummy[0];ntscp['nsa'+i].left=XDummy[0]; ntscp['nsb'+i].top=YDummy[1];ntscp['nsb'+i].left=XDummy[1]; ntscp['nsc'+i].top=YDummy[2];ntscp['nsc'+i].left=XDummy[2]; } } } else if (document.all){ for (i = 0; i < amount; i++) { if (i < amount-1) { msie.x[i].style.top=msie.x[i+ 1].style.top;msie.x[i].style.left=msie.x[i+1].style.left; msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left; msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left; } else { msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0]; msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1]; msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2]; } } } setTimeout("prepos()",10); } function Start(){ 소용돌이(),prepos() } window.onload=시작; </script> <!--第二步:把하면代码放到<body>区域中--> <body bgcolor="#000000">
관련 기사
최고의 퍼페추얼 캘린더 웹페이지 효과
2009-06-20
매우 강력하고 아름다운 웹 캘린더 코드, 웹 페이지 특수 효과
2009-06-20
그림 스크러빙 슬라이드쇼 효과 [웹 페이지 효과]
2009-06-20
보조 드롭다운 메뉴 [웹 페이지 특수 효과]
2009-06-20
3단계 드롭다운 메뉴 [웹 페이지 특수 효과]
2009-06-20
연이어 떨어지는 빗방울의 절묘한 웹 페이지 특수 효과 [웹 페이지 특수 효과]
2009-06-20
웹 페이지 특수 효과의 DHTML 정보 휠 표시 효과
2009-06-20
브래지어 사이즈를 계산하는 웹 효과
2009-06-20
떠다니는 그림 [웹페이지 특수효과]
2009-06-20
웹페이지 진행률 표시줄 [웹페이지 특수 효과]
2009-06-20
로컬 디스크 브라우저 [웹 페이지 특수 효과]
2009-06-18
웹 특수 효과: 무작위 이미지 표시 기술
2009-06-08