Home >Web Front-end >JS Tutorial >Advertising switching effect (slow switching)_advertising code

Advertising switching effect (slow switching)_advertising code

WBOY
WBOYOriginal
2016-05-16 18:52:181577browse

Main functions:

1. Automatically detect the number of advertising images to produce advertising sequences
2. Slow switching, imitating the original FLASH effect
3. Automatically play according to the set cycle
4. Mouse swipe Enter to stop automatic playback and move the mouse to resume automatic playback
The first function extension is more practical, so there is no need to update the pictures and the number of pictures separately.
Applied jQuery's easing plug-in
Advertising switching effect (slow switching)_advertising code
Post the program code:

Copy code Code As follows:

$(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;}
} , 속도)



온라인 데모


패키지 다운로드
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn