> 웹 프론트엔드 > JS 튜토리얼 > 광고 전환 효과(느린 전환)_광고 코드

광고 전환 효과(느린 전환)_광고 코드

WBOY
풀어 주다: 2016-05-16 18:52:18
원래의
1576명이 탐색했습니다.

주요 기능:

1. 광고 이미지 수를 자동으로 감지하여 광고 시퀀스 생성
2. 원래 FLASH 효과를 모방하는 느린 전환
3. 설정된 주기에 따라 자동 재생
4. 마우스 스와이프 엔터를 누르면 자동 재생이 정지되고, 마우스를 움직이면 자동 재생이 재개됩니다
첫 번째 기능 확장이 더 실용적이어서 사진과 사진 매수를 따로 업데이트할 필요가 없습니다.
jQuery의 easing 플러그인 적용
광고 전환 효과(느린 전환)_광고 코드
프로그램 코드 게시:

코드 복사 코드 다음과 같습니다:

$(document).ready(function(){
var MyTime=false; //Timer                                               var num=piclist.find("li").length; //자동으로 감지 사진의 수 광고
var picnum=$("#picnum");
var index=0; //시작 시퀀스
var width=388> var movetime=600; 단일 애니메이션에 사용
var speed=3000; 전환 시간 간격


// 현재
함수 표시(ele){                                                                         ; | {                                                    } else{                                    🎜>         ="" (i 1) "";                                    picnum.find("span").eq(index))
}
// 초기화 실행
int(); ){
index=$("#picnumspan").index($(this)[0])
//if(!piclist.is(": animation")){
move (); },{queue:false,duration:movetime, easing: "easeOutQuart"});
cur(picnum.find("span").eq(index)) ;
}  

$ ('div.flsad').hover(function(){
                                                                                                           MyTime = setInterval( function(){
                       
마이타임 = setInterval(function(){
move();
index ;
if(index==num){index=0;}
} , 속도)



온라인 데모


패키지 다운로드
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿