한국어
<!-- http://bbs.downcodes.com--> <!--完成此效果需要把下face代码放到<body>区域中--> <div align="center"> <SCRIPT 언어=JavaScript > <!-- //------------ 사용자 정의 가능한 변수 시작 ----------------- ------// //=== 위치 지정 ===// var left = 100; // 왼쪽 위치 시작 var top = 20; // 시작 왼쪽 위치 //=== 곡선 및 거리 ===// var topInc = 5; // 최상위 위치 증가분 var leftInc = 5; // 왼쪽 위치의 증가 /* 수평 곡선과 수직 곡선을 모두 동일하게 만들어... .. 곡선이 없는 간격이 증가하도록 합니다. */ var hor_curve = 20; // 수평 곡선 - 곡선이 없는 경우 0 var ver_curve = -20; // 수직 곡선 - 곡선이 없는 경우 0 //=== 타이밍 및 기타 ===// var noTimes = 50; // 그림이 표시된 횟수 var waitTime = 1; // 시간 지연 var layer = 2; // 레이어 수준 var picture = '/images/logo.gif'; // 표시할 그림(작은 이미지가 더 좋음) var start_retracted= true; // 축소된 이미지 시작(true / false) var retract= true; // 확장 후 뒤에서 축소(true / false) //=== 페이드 옵션(IEuser만 페이드를 볼 수 있음) ===// var fade = true; // 점진적 페이드(true / false) - retract =true인 경우에만 작동합니다. var fd_destop = 0; // 대상 투명도 수준(즉, 대부분 단색의 경우 80) var fd_rate = 10; // 투명도 변경 사이의 시간(밀리초)(100 미만이 가장 좋음) var fd_delta = 5; // 매번 변경되는 양(예: 5, 투명도가 5% 변경되는 경우) var event_init = 'onClick'; // 스크립트가 시작되는 이벤트 var left_formula = '(left + leftInc) + ((count/100) * hor_curve)'; // 왼쪽 위치 공식 var top_formula = '(top + topInc) + ((count/100) * ver_curve)'; // 상단 위치 공식 //------------------------- 사용자 정의 변수 끝 ----------------- ------// //--------- 이 지점 이후에는 편집하지 마세요! --------// var 개수 = 0; var 개수2 = 0; var timeOutVal = waitTime * 10; var txt; var 이미지; var 이미지이름; varlay = 새 배열; function addLayer(){ left = eval(left_formula); top = eval(top_formula); txt = "<div id='레이어" + 개수 + "' 스타일='위치:절대; 가시성: 숨김; 왼쪽:" + 왼쪽 + "; 상단:" + 상단 + "; Z-색인:" + 레이어 + "'>"; txt += "<a href='#' " + event_init + "='replay()'><img src='" + 그림 + "' border=0 style='filter:alpha(opacity=100)' 이름 = '이미지' + 개수 + ''></a>"; txt += "</div>"; document.write(txt); lay[count]=new lib_obj("레이어"+count); } function logoCurveInit(){ while (count < noTimes) { addLayer(); 카운트++; } 개수 = 0; 누워[0].showIt(); if (!start_retracted) 애니메이션(); } function animate(){ if (start_retracted) { if (!retract){ if (count > 0){ setTimeout('animate()',timeOutVal); 누워[개수].hideIt(); 세다--; } } else{ if (count >= 0){ setTimeout('animate()',timeOutVal); 누워[개수].showIt(); if (count != 0) fadeImage(); 세다--; } } if (철회){ if(count==0) retractIt(); } } else{ if (count < noTimes){ setTimeout('animate()',timeOutVal); 누워[개수].showIt(); if (count != noTimes-1 && 철회) fadeImage(); 카운트++; } if (철회){ if (count == noTimes) retractIt(); } } } 함수 replay(){ if ((count == noTimes || (count == 0 || count == -1)) &&(count2 == noTimes-1 || count2 == 0)){ start_retracted = !start_retracted; // 실제 값과 반대되는 값을 만듭니다. make_all_visible(); if (start_retracted){ count = noTimes-1; } else { 개수 = 0; } 애니메이션(); } } function retractIt(){ if (start_retracted) { // 로고가 철회되지 않은 경우(모든 레이어 표시) if (count2 > 0){ setTimeout('retractIt()',timeOutVal); 누워[count2].hideIt(); 개수2--; } } else{ // 로고가 축소된 경우(첫 번째 레이어만 표시) if (count2 < noTimes-1){ setTimeout('retractIt()',timeOutVal); 누워[count2].hideIt(); 카운트2++; } } } function fadeImage(){ if (fade){ if (count >= 0 && count <= noTimes){ image = document.images['Image' + count]; nereidFade(이미지,fd_destop,fd_rate,fd_delta); } } } 함수 make_all_visible(){ for (var i = 0; i< noTimes ; i++){ if (document.images['Image' + i].style.MozOpacity){ document.images['Image' + i] .style.MozOpacity=100; } else if (document.images['Image' + i].filters) { document.images['Image' + i].filters.alpha.opacity = 100; } } } ////*****************(DHTMLCentral.com)****************//// 함수 check_browser( ){ this.ver=navigator.appVersion this.agent=navigator.userAgent this.dom=document.getElementById?1:0 this.opera5=this.agent.indexOf("Opera 5")>-1 this.ie5=( this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0; this.ie4=(document.all && !this.dom && !this.opera5)?1:0; this.ie=this.ie4||this.ie5||this.ie6 this.mac=this.agent.indexOf("Mac")>-1 this.ns6=(this.dom &&parseInt(this.ver) > = 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie6||this.ie5||this.ie4||this.ns4||this.ns6||this.opera5) 이 반환 } bw=new check_browser() 함수 show_message(txt){alert (txt); return false} function lib_obj(obj,nest){ if(!bw.bw) return show_message('이전 브라우저') Nest=(!nest) ? "":'문서.'+nest+'.' this.evnt=bw.dom? document.getElementById(obj): bw.ie4?document.all[obj]:bw.ns4?eval(nest+"document.layers." +obj):0; if(!this.evnt) return show_message('레이어가 존재하지 않습니다('+obj+')' +'- Netscape를 사용하는 경우 태그의 중첩을 확인하십시오!') this.css=bw.dom||bw .ie4?this.evnt.style:this.evnt; this.ref=bw.dom||bw.ie4?document:this.css.document; this.x=parseInt(this.css.left)||this.css.pixelLeft||this.evnt.offsetLeft||0; this.y=parseInt(this.css.top)||this.css.pixelTop||this.evnt.offsetTop||0 this.w=this.evnt.offsetWidth||this.css.clip.width|| this.ref.width||this.css.pixelWidth||0; this.h=this.evnt.offsetHeight||this.css.clip.height|| this.ref.height||this.css.pixelHeight||0 this.c=0 if((bw.dom || bw.ie4) && this.css.clip) { this.c=this.css.clip; this.c=this.c.slice(5,this.c.length-1); this.c=this.c.split(' '); for(var i=0;i<4;i++){this.c[i]=parseInt(this.c[i])} } this.ct=this.css.clip.top||this.c[0 ]||0; this.cr=this.css.clip.right||this.c[1]||this.w||0 this.cb=this.css.clip.bottom||this.c[2]||this. h||0; this.cl=this.css.clip.left||this.c[3]||0 this.obj = obj + "객체"; eval(this.obj + "=this") 이 반환 } lib_obj.prototype.showIt = function(){this.css.visibility="visible"} lib_obj.prototype.hideIt = function(){this.css.visibility= "숨김"} lib_obj.prototype.writeIt = function(text,startHTML,endHTML){ if(bw.ns4){ if(!startHTML){startHTML=""; endHTML=""} this.ref.open("text/html"); this.ref.write(startHTML+text+endHTML); this.ref.close() }else this.evnt.innerHTML=text } ////****************(DHTMLCentral.com)********* *******//// /* DynamicDrive.com에서 가져온 코드(시작)--> 점진적 강조 이미지 스크립트 II- 작성자: J. Mark Birenbaum(birenbau@ugrad.cs.ualberta.ca) 전체 소스를 스크립트로 변환하려면 http://dynamicdrive.com을 방문하세요. */ nereidFadeObjects = new Object();nereidFadeTimers = new Object(); function nereidFade(object, destOp, rate, delta){ if (!document.all)return if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+ ","+델타+")",0); return;}clearTimeout(nereidFadeTimers[object.sourceIndex]); diff = destOp-object.filters.alpha.opacity; 방향 = 1; if (object.filters.alpha.opacity > destOp){direction = -1;} delta=Math.min(direction*diff,delta); object.filters.alpha.opacity+=방향*델타; if (object.filters.alpha.opacity != destOp){ nereidFadeObjects[object.sourceIndex]=object; nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate); } } // <-- DynamicDrive.com에서 가져온 코드 (End) window.onload=new logoCurveInit(); //--> 숨기기 종료 </SCRIPT><br><br><br><br><br><br><br> 用鼠标单击一下图文你可以看到不常好的效果! </div>
