HTML5画像タブ切り替えコード
画像上にマウスを置いたときに商品と商品画像の表示を自動的に切り替える特殊効果、jQuery画像タブ切り替えコードです。
<div class="スライド">
<span class="cur_point point1"><img width="210px" height="280px" src="img/image/2_1.png"></span>
<span class="point2"><img width="200px" height="250px" src="img/image/0_2.png"></span>
<span class="point3"><img width="200px" height="250px" src="img/image/0_3.png"></span>
<span class="point4"><img width="200px" height="250px" src="img/image/0_4.png"></span>
& Lt; img src = "IMG/Image/1_1.png" hspace = "10" usemap = "#s_map_1" ismap = "ismap"/& gt;
<マップ名="s_map_1" class="s_map">
<area class="map_point"shape="rect" coords="10,20,170,300" href="#" target="_blank" alt="" title="">
<area class="map_point" Shape="rect" coords="220,20,390,300" href="siteall.htm" target="_blank" alt="" title="">
<area class="map_point" Shape="rect" coords="420,20,600,300" href="pageall.htm" target="_blank" alt="" title="">
<area class="map_point" Shape="rect" coords="620,20,810,300" href="pageal.htm" target="_blank" alt="" title="">
<マップ名="s_map_2" class="s_map">
<area class="map_point"shape="rect" coords="10,20,170,300" href="urlall.htm" target="_blank" alt="" title="">
<area class="map_point" Shape="rect" coords="300,20,500,300" href="siteall.htm" target="_blank" alt="" title="">
<area class="map_point" Shape="rect" coords="620,20,810,300" href="pageal.htm" target="_blank" alt="" title="">
<img src="img/image/1_3.png" hspace="10" usemap="#s_map_3"/>
<マップ名="s_map_3" class="s_map">
<area class="map_point"shape="rect" coords="10,20,170,300" href="urlall.htm" target="_blank" alt="" title="">
<area class="map_point" Shape="rect" coords="220,20,390,300" href="siteall.htm" target="_blank" alt="" title="">
<area class="map_point" Shape="rect" coords="420,20,600,300" href="pageall.htm" target="_blank" alt="" title="">
<area class="map_point" Shape="rect" coords="620,20,810,300" href="pageal.htm" target="_blank" alt="" title="">
このサイトのすべてのリソースはネチズンによって提供されたもの、または主要なダウンロード サイトによって転載されたものです。ソフトウェアの整合性をご自身で確認してください。このサイトのすべてのリソースは学習の参考のみを目的としています。商業目的で使用しないでください。そうでない場合は、すべての結果に対して責任を負うことになります。侵害がある場合は、削除するためにご連絡ください。連絡先情報: admin@php.cn
関連記事
24 Jun 2016
html5+css3特殊効果をベースにした画像スライドショー切り替えコードを用意可能
16 May 2016
この記事では、jQuery の画像カルーセルのスクロール切り替え効果を主に紹介します。画像カルーセル効果は、特に商品の表示に適しています。興味のある方は参考にしてください。
jQuery 画像切り替え用プラグイン_jquery
16 May 2016
B/S 開発の友人の皆さん、jQuery の優れたプラグイン開発メカニズムを考慮して、ホームページにはニュース画像を切り替えるための特殊効果が必要になることがよくあります。これは、ニュース画像を切り替えるプラグインです。
picChange 画像切り替えエフェクトの関数コード_JavaScript スキル
16 May 2016
picChange 画像切り替え特殊効果のカプセル化機能は、画像の HTML コードに従って右下隅にデジタル ナビゲーション ボタンを自動的に生成できます。
16 May 2016
nVida Web サイトの画像スライド効果は、元の画像を削除して数字に置き換えています。この特殊効果は JS を使用して実装され、CSS を使用して修正されています。スライドして複数の画像を切り替えます。
24 Jun 2016
モバイルに適した CSS3 エラスティックスタッキング画像切り替え特殊効果
16 May 2016
この記事では、jquery のスライドショー画像切り替え効果を主に紹介します。スライドショー画像切り替え効果は、特に製品のデモに適しています。 友人はそれを参照できます。
16 May 2016
全画面フェードインとフェードアウトのシンプルなバナー、非同期画像とテキスト効果の切り替え画像特殊効果、必要な友達は以下を参照してください
Hot tools Tags
Hot Tools
HTML5 キャンバスの心ときめくアニメーション特殊効果
HTML5 キャンバスのハートのはためきアニメーション特殊効果は、ブラウザで直接開いてハートを確認できる生成されたアニメーションです。
H5 パンダバウンスゲームのソースコード
HTML5 Mobile Panda もクレイジーなゲームのソース コードです。ゲームの説明: 画面を長押ししてパンダのバネの強さを調整し、石柱にジャンプします。川に落ちたらゲーム終了です。
HTML5 バレンタインデー ボックス アニメーションの特殊効果
svgをベースに、バレンタインデーのラブボックスギフトを開けるアニメーションと、ラブボックスアニメーションの特殊効果を描画します。
H5 3D ローリング ボール ゲームのソース コード
HTML5 クールな 3D ボールローリングモバイルゲームコードのダウンロード。ゲーム紹介: カラー ボールが転がり、マウスまたは携帯電話のタッチ スクリーンでカラー ボールをドラッグすることで、カラー ボールの現在のトラックを制御します。シンプルで操作しやすいモバイルゲームのソースコードです。