ホームページ > ウェブフロントエンド > jsチュートリアル > 広告スイッチング効果(スロースイッチング)_広告コード

広告スイッチング効果(スロースイッチング)_広告コード

WBOY
リリース: 2016-05-16 18:52:18
オリジナル
1576 人が閲覧しました

主な機能:

1. 広告イメージの数を自動的に検出して広告シーケンスを生成します
2. オリジナルの FLASH エフェクトを模倣します
3. 設定された周期に従って自動的に再生します
4. マウスをスワイプ Enter で自動再生を停止し、マウスを動かすと自動再生を再開します
最初の機能拡張はより実用的であるため、写真と写真の数を個別に更新する必要はありません。
jQuery のイージング プラグインを適用しました
広告スイッチング効果(スロースイッチング)_広告コード
プログラム コードを投稿します:

コードをコピー コード以下の通り:

$(document).ready(function(){
var MyTime=false; //Timer                                                         var num=piclist.find("li").length; //Automatically detect the number of picture advertisements
var picnum=$("#picnum");
var index=0; //Start sequence
var width=388; //Ad width
var movetime=600; //Time used for a single animation
var speed=3000; //Switching time interval


// Mark the current
function cur(ele){                                                                                                ;                                                                                                                                                            0; i          nums ="" (i 1) "";                                              picnum.find(" span").eq(index));
}
//Initialization execution
int(); ){
index=$("#picnum span").index($(this)[0]);
//if(!piclist.is(":animated")){
move (); },{queue:false,duration:movetime, easing: "easeOutQuart"});
cur(picnum.find("span").eq(index));
}  

$ ('div.flsad').hover(function(){
                                                                                                                                        MyTime = setInterval( function(){
                                                                                                                                                       🎜> // Automatically start
MyTime = setInterval(function(){
move();
index ;
if(index==num){index=0;}
} , speed);
})



Online demo


Package download
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート