& lt styletype = "text/CSS" media = "all" >

. d1{폭: 443px; 높이: 자동; 오버플로우: 숨기기; 테두리: #666666 2px 단색; 배경 색상: # 000000; 위치: 상대적; }

。 {width: 443px; 로드 중 테두리: #666666 2px 단색; 배경 색상: # 000000; 색상: # ffcc00 font-size:12px; 높이: 230px 텍스트 정렬: 가운데; Padding-top: 30px; 글꼴 패밀리: 버다나, 아리엘, 헬베티카, 세리프 없음; 글꼴 두께: 굵게; }

. D2 {폭:100%; 높이: 230px 오버플로: 숨기기; }

。 Num _ list {position:absolute；; 폭:100%; 왼쪽: 0px 맨 아래:-1px; 배경 색상: # 000000; 색상: # fffffont-size:12px; 채우기: 4px 0px 높이: 20px 오버플로: 숨기기; }

。 Num _ listspan {display: inline-block; 키:16px; 왼쪽 채우기: 6px}

Img {border:0px；; }

。 Aaa {표시: 없음; }

。 버튼 {위치: 절대; Z 지수:1000; 오른쪽: 0px 맨 아래: 2pxfont-size:13px; 글꼴 두께: 굵게; 서체 시리즈: 에어리어, 헬베티카, 세리프 없음; }

. b 1,. B2 {background-color: # 666666; 화면표시: 블록; 부동: 왼쪽; 채우기: 2px6 px margin-right: 3px; 색상: # FFFFFF 텍스트-장식: 없음; 커서: 포인터; }

. B2 {color: # ffcc33; 배경 색상: # FF6633}

& lt/style & gt；;

& lt 스크립팅 언어 = "JavaScript" type = "text/JavaScript" >

//주 함수

Var s=function(){

Var interv = 2000// 전환 간격 시간

Varinterv2 =10; //스위치 속도

Var OPAC1= 80; //텍스트 배경의 투명도

Var source="fade_focus" // 포커스 회전 그림 컨테이너의 id 이름.

//객체 가져오기

Function getTag(tag, obj) {if (obj = = null) {returndocument.getelementsbytagname (tag)} elss

함수 getid (id) {returndocument.getelementbyid (id)};

Var opac=0, j=0, t=63, num, scton=0, 타이머, 타이머 2, 타이머 3; Var id = getid (소스); Id.removeChild(getTag("div ",id) [0]); Var li=getTag("li ",id); Var div = document.createelement ("div"); Var title = document.createelement ("div"); Var span = document.createelement ("span"); Var button = document.createelement ("div"); Button.classname = "button for (var I = 0; 나< 리. 길이 I++) {var a = document.createelement ("a"); A. innerhtml = I+1; A.onclick = function () {cleartimeout (timer); ClearTimeout (타이머 2); ClearTimeout (타이머 3); J = parseint (this.innerhtml)-1; Scton = 0；; T = 63OPAC = 0；; Fadeon (); } A. classname = "b1"; A.onmouseover = function () {this.classname = "B2"}; A. on mouseout = function () {this.classname = "b1"; Sc (j)}; Button.appendchild (a); }

//도면층 투명도 조정

Function alpha(obj, n) {if (document.all) {obj.style.filter = "알파 (opacity ="+; } else {obj.style.opacity = (n/100); }}

//초점 조절 단추

함수 sc (n) {for (var I = 0; 나< 리. 길이 I++){button.childNodes[i]. Classname = "b1"}; Button.childnodesclassname = "B2}

Title.classname = "num _ listtitle.appendchild (span); 알파 (제목, OPAC1); Id.classname = "d1"; Div.classname = "d2id.appendchild (div); Id.appendChild (제목); Id.appendChild (단추);

//페이드

Var fadeon = function () {OPAC+= 5; 이 [j]. Innerhtmlspan.innerhtml = gettag ("img", li[j])[0]. Altalpha(div, OPAC); If (scton = = 0) {sc (j); Num =-2; Scrolltxt (); Sct on =1}; If(OPAC & lt；; 100) {timer = settimeout (fade on, interv)；)} else {timer 2 = settimeout (fadeout; } }

//페이드 아웃

Var fadeout = function () {OPAC-= 5; 이 [j]. InnerHTMLalpha(div, OPAC); If (SCT on = = 0) {num = 2; Scrolltxt (); Sct on =1}; If(OPAC & gt；; 0){timer=setTimeout(fadeout, inter v2)} else {if(j & lt；; Li.length-1) {j++} else {j = 0}; Fadeon ()}; }

//스크롤 텍스트

Var scrolltxt = function () {t+= num; Span.style.margintop = t+"px"; If(num & lt；; 0& & ampt & GT3) {timer3 = settimeout (scroll txt, interv2)} elseif (num > 0& & ampt & lt62) {timer3 = settimeout (scrolltxt, interv2)} else {scton = 0}};

Fadeon ();

}

//초기화

Window.onload = s;

& lt/스크립트 >

& lt div id = "fade _ focus" style = "width: 440px; 키: 230 ">

& ltdiv class="loading "> 적재 ... & ltbr/>; & ltimgsrc = "2009 32411630437.gif" width = "100" heighh

& ltul class="aaa ">

2009 32411630437.gif 가 첫 번째 그림입니다. 예를 들어, 인터넷 속도가 느리면 효과가 나오지 않습니다. 첫 번째는 그에게 보여 주는 것입니다.

연결 데이터베이스에 표시된 그림 내용을 표시합니다.

& ltimgsrc =' picture' alt =' name'/>

& lt/ul & gt；;

& lt/div & gt；;

그것은 작동 합니다. 아주 간단합니다. 이것은 동적 사진 컨베이어 벨트 테스트입니다. 좋습니다. 그림이 나란히 무성하다. 괜찮다

줘. 매우 상세하죠, 그렇죠