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

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

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

主な機能:

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
関連ラベル:
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
npmインストール警告 - コードログ
から 1970-01-01 08:00:00
0
0
0
Objective-c - NSInteger が警告を報告する
から 1970-01-01 08:00:00
0
0
0
エラー報告
から 1970-01-01 08:00:00
0
0
0
送信により 500 エラーが報告される
から 1970-01-01 08:00:00
0
0
0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート