コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

jQuery は、小さな写真をクリックして大きな写真を表示すると、フェードインおよびフェードアウトする特殊効果を実現します_jquery

WBOY
リリース： 2016-05-16 15:40:02
オリジナル
1481 人が閲覧しました

jQuery に基づいた、クリックしてフェードする表示画像効果 を共有します。これは、クールな効果を実現するための jQuery CSS3 に基づいた画像切り替え特殊効果コードです。レンダリングは次のとおりです:

オンライン プレビュー ソース コードのダウンロード

html コード: 

<center><p style="color:#334960">点击图标进行展示</p></center>
 <div class="main">
  <div id="coolShow"></div>
  <div id="handBar"></div>
 </div>
 <script type="text/javascript">
  /*定义需要展示的图片以及图片的展示时间*/
  $(document).ready(function () {
   $('#coolShow').coolShow({
    imgSrc: ['images/1.png', 'images/2.png', 'images/3.png'],
    speed: 40
   });
  });
 </script>
ログイン後にコピー
関連ラベル：
jquery图片淡入淡出 jquery淡入淡出 jquery淡入淡出效果
ソース：php.cn
前の記事：JQuery を使用してオンラインで PPT を作成し、ソース コードの効果を実証する online_jquery 次の記事：js 画像切り替え効果コードの共有と前後のページめくり_javascript スキル
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
画像/コンテンツが div 内に含まれていません ページの最初の div 内に画像を含めようとしていますが、何らかの理由でページの外にあります。すべてのリソースはフレックスボックス内にあります。画像の代わりにテキストをその div...
から 2024-04-03 10:15:05
0
1
389
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート