ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery は、小さな写真をクリックして大きな写真を表示すると、フェードインおよびフェードアウトする特殊効果を実現します_jquery

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

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

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