超クールな CSS3 画像ミラーリング効果 Web ページ特殊効果
非常にクールな CSS3 画像ミラーリング エフェクトは、任意の画像をミラーリングし、同じページ上の異なる画像をスライドショー形式で切り替えることができる Web 特殊効果です。
jsコード
<スクリプト src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/anime.min.js"></script>
<スクリプト src="js/mirrorFx.js"></script>
<スクリプト src="js/slideshow.js"></script>
<スクリプト>
(関数() {
関数 init() {
新しいスライドショー(document.querySelector('.slideshow'));
}
// 偽のロード時間..
var startTime = new Date().getTime();
imageLoaded(document.querySelector('main'), function() {
var elapsed = new Date().getTime() - startTime,
initFn = function() {
document.body.classList.remove('loading');
setTimeout(init, 50);
};
if( 経過 > 2000) {
initFn();
}
それ以外の場合{
setTimeout(initFn, 1000);
}
});
})();
</スクリプト>
jsコード
<スクリプト src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/anime.min.js"></script>
<スクリプト src="js/mirrorFx.js"></script>
<スクリプト src="js/slideshow.js"></script>
<スクリプト>
(関数() {
関数 init() {
新しいスライドショー(document.querySelector('.slideshow'));
}
// 偽のロード時間..
var startTime = new Date().getTime();
imageLoaded(document.querySelector('main'), function() {
var elapsed = new Date().getTime() - startTime,
initFn = function() {
document.body.classList.remove('loading');
setTimeout(init, 50);
};
if( 経過 > 2000) {
initFn();
}
それ以外の場合{
setTimeout(initFn, 1000);
}
});
})();
</スクリプト>
免責事項
このサイトのすべてのリソースはネチズンによって提供されたもの、または主要なダウンロード サイトによって転載されたものです。ソフトウェアの整合性をご自身で確認してください。このサイトのすべてのリソースは学習の参考のみを目的としています。商業目的で使用しないでください。そうでない場合は、すべての結果に対して責任を負うことになります。侵害がある場合は、削除するためにご連絡ください。連絡先情報: admin@php.cn
関連記事
jQueryの超絶妙な画像カルーセルスライドショー特殊効果コードsharing_jquery
16 May 2016
この記事では、jQuery の超精巧な画像カルーセル スライドショー効果を主に紹介します。画像カルーセル効果は、特に商品の表示に適しています。興味のある方は参考にしてください。
超クールな純粋な CSS3 マウスオーバー画像アニメーション効果 8 グループ_html/css_WEB-ITnose
24 Jun 2016
8 グループの非常にクールな純粋な CSS3 マウスオーバー画像アニメーション効果
超ダイナミックなJS画像回転特殊効果_画像特殊効果
16 May 2016
非常に優れた js 画像回転エフェクト コード。フェンスのように結合され、完全な画像が表示されます。コードは比較的優れています。
CSS3 に基づくクールなページ読み込みアニメーションの特殊効果 code_html/css_WEB-ITnose
24 Jun 2016
CSS3 のクールなページ読み込みアニメーション特殊効果コードに基づいています
ホットツール Tags
Hot Tools
jQuery2019 バレンタインデー 告白 花火 アニメーション 特殊効果
Douyin で非常に人気のある jQuery バレンタインデーの告白花火アニメーション特殊効果で、プログラマーや技術オタクが愛する女の子に愛を表現するのに適しています。喜んでいるかどうかに関係なく、最終的には同意する必要があります。
Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート
Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート
520 バレンタインデーの告白 Web アニメーション特殊効果
jQuery バレンタインデーの告白アニメーション、520 告白背景アニメーション
クールシステムのログインページ
クールシステムのログインページ
HTML5テープミュージックプレーヤー - CASSETTE PLAYER
HTML5テープミュージックプレーヤー - CASSETTE PLAYER
人気の記事
インディ・ジョーンズとグレート・サークル:ローカス・ボスの戦いガイド
24 Dec 2024
モバイルゲームガイド
Windows で Microsoft Teams エラー 657rx を修正するにはどうすればよいですか?
29 Nov 2024
トラブルシューティング
Roblox: Fisch - エンチャント Tier リスト
22 Dec 2024
モバイルゲームガイド
Stalker 2 の保存ファイルの場所と保存ファイルの正常な回復
28 Nov 2024
トラブルシューティング
インディ・ジョーンズとグレート・サークル: 蛇の宝箱ミステリーガイド
13 Dec 2024
モバイルゲームガイド