XHTML 구조: 코드 복사 코드는 다음과 같습니다. 잠시 기다려주세요... ; !--콘텐츠 목록--> myFocus 버전 js를 도입합니다. js를 도입할 때 순서에 주의하세요. 이는 페이지에서 js를 로드하는 순서와 관련이 있기 때문입니다. 코드 복사 코드는 다음과 같습니다. 참고: 여기에서는 Slide3D 효과가 사용됩니다. 다른 효과 데모를 보려면 공식 웹사이트를 확인하세요. : http://www.cosmissy.com/ myfocus/demo.html Javascript: 코드 복사 코드는 다음과 같습니다. <br>var mf = myFocus<br>var param = { <br>id: "myFocus", <br>pattern: "mF_slide3D", <br><br>time: 5, //전환 시간 간격<br>trigger: 'click', //Trigger 모드: click- click mouseover-hover<br>width: 960 / 1, //영역 너비<br>height: 465 / 1, //영역 높이<br>txtHeight: 0 / 1, //텍스트 레이어 높이(0은 숨겨짐) <br>//txtWidth: 62 / 1, //필드 너비 (68-medium /82-wider/32-narrow) <br>auto: true, //자동으로 재생할지 여부<br>wrap: false, //여부 자체 테두리가 있습니다<br>인덱스: 0 / 1, //그림 순서 표시 시작(0은 첫 번째 그림을 의미하며 전체보다 클 수 없음) <br>지연: 100 / 1, //버튼의 지연 시간 호버(마우스 오버) 모드, 단위: 밀리초(0-지연 없음) <br><br>//추가 매개변수<br>속도: 120, //이동 속도(숫자가 클수록 속도가 느려짐) <br> 방향: '왼쪽', //이동 방향: 왼쪽 위 오른쪽 아래 <br>easing: 'easeInOut', //이동 형태: easyOut-빠르게 나가기, 느리게 하기 easyIn-느리게 하기, 빠르게 하기 easyInOut-느리게 하기, 느리게 하기 선형-균일 모션<br>less: 1, //매끄러운지 여부 1-예 0-아니요<br> //칩: 10, //이미지 슬라이스 수(이미지 높이로 나눌 수 있는 경우에만 유효) ( 8/10/16) <br>유형: 4, //슬라이싱 효과: 1-머리 플릭 2-테일 플릭 3-응축 카오스 4-랜덤 효과<br>회색: 0 / 1 //현재가 아닌 사진 회전 여부 grey 1-yes 0-no<br>} <br>myFocus.set(param, true); <br><br>/ /Shield IE 실행 오류<br>window.onerror = function () { return true }; <br> 다른 효과와 문서를 보려면 공식 블로그를 확인하세요: http://www.cosmissy.com/myfocus/demo. html 최신 버전 myFocus all v1.1.0(2010.12.15 업데이트) 데모 주소:http: //demo.jb51.net/js/myfocus/index.html html패키지 다운로드:http://www.jb51.net/jiaoben/33989.html
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
