ホームページ > 記事 > ウェブフロントエンド > フォーカスのランダムな切り替え効果を実現する jquery メソッド image_jquery
フォーカスのランダムな切り替え効果を実現する jquery メソッド image_jquery
- WBOYオリジナル
- 2016-05-16 16:10:121027ブラウズ
この記事の例では、jquery がフォーカス画像のランダムな切り替え効果を実装する方法を説明します。皆さんの参考に共有してください。詳細は以下の通りです。
1. 操作効果は次の図に示されています。
2. 完全なサンプルコードについては、ここをクリックしてくださいこのサイトからダウンロードしてください。
3. 完全なコードは次のとおりです:
コードをコピー コードは次のとおりです:
$(関数(){
var eases = [];
var row = 0;
for(jQuery.easing の var x){
if (x != 'リニア' && x != 'スイング') {
イージング[行] = x;
}
}
$('#slides').slides({
プリロード: true、
preloadImage: 'img/loading.gif',
プレイ: 5000、
一時停止: 2500、
スライドイージング: "スイング"、
スライド速度: 2000、
hoverPause: true、
animeComplete: function(current) {
varindex = Math.floor(Math.random() * eases.length);
jQuery.easing.def = イージング[インデックス];
}
});
});
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。