ホームページ > ウェブフロントエンド > jsチュートリアル > jquery_jquery に基づいた推奨される 9 つのクールなページ効果

jquery_jquery に基づいた推奨される 9 つのクールなページ効果

WBOY
リリース: 2016-05-16 16:28:44
オリジナル
1250 人が閲覧しました

1. jqueryベースのボタンによる画像の左右スクロール切り替え

ボタン付きjquery画像スクロール切り替えコードは、ボタン付き画像の左右スクロール切り替え用のjquery特殊効果コードです

オンラインデモ

ソースコードのダウンロード

2. jQuery に基づく画像の上下左右のシームレスな連続スクロール

imgscroll プラグインは、画像のフォーカス スクロール (グラデーションとスクロールをサポート) と画像の連続的かつシームレスなスクロールをサポートする js ライブラリです。jQuery に依存して画像をシームレスかつ連続的にスクロールし、上下左右のスクロールをサポートします。そしてそのとおりです。

オンラインデモ

ソースコードのダウンロード

3. jquery によって実装された固定レイヤー タイムラインの動的効果を修正しました

jquery によって実装された固定固定レイヤー タイムラインのダイナミック エフェクト ソース コードは、非常に一般的に使用されるレイヤー固定表示コードです。

オンラインデモ

ソースコードのダウンロード

4. jQuery によって実装されたホテル予約ページの二重日付選択ボックスの効果

jQueryで実装したホテル予約ページのダブル日付選択ボックスのソースコードは、旅行Webページで使用できるホテル予約ページのコードです。このコードに検索機能を追加するとより完璧になります。このコードの最大の特徴は、二重日付選択ボックスをサポートしていることです。

オンラインデモ

ソースコードのダウンロード

5.jquery は、携帯電話のアルバムの配置と表示効果を模倣するコンピューター表示をサポートしています

パソコン表示(タッチ機能なし)に対応した携帯電話のアルバムの配置と閲覧効果を模倣するためにjqueryで実装したソースコードは、スマートフォンでのレイアウト配置とクリックしてアルバムの閲覧機能を実現できるコードですただし、この段落では、マウスを左右にスライドして画像を切り替えることはできません。

オンラインデモ

ソースコードのダウンロード

6.js は div ドラッグ アニメーションの走行軌跡エフェクトを実装します

これは、js に基づいた div ドラッグ アニメーション ランニング トラック エフェクトのソース コードです。マウス ドラッグ div アニメーション ランニング トラック エフェクト コードを作成するためのネイティブ js div ドラッグ エフェクトです。 [トラックを記憶する] と [トラックを記憶しない] の 2 つのドラッグ表示モードを選択して、異なるドラッグ効果を表示できます。

オンラインデモ

ソースコードのダウンロード

7. SliderProをベースにjQueryで実装したサムネイルカルーセル画像の左右レイアウト

右側のサムネイル jQuery カルーセル エフェクトは、サムネイル jQuery カルーセル エフェクトで左右のレイアウトを実装する SliderPro です。

オンラインデモ

ソースコードのダウンロード

8.html5 jqplot プラグインに基づく曲線列統計グラフ

HTML5 曲線列統計図コードは、jqplot プラグインを使用して実装された曲線列統計図です。js 内にコメントがあり、自分で変更できます。

オンラインデモ

ソースコードのダウンロード

9.jquery excoloSlider.js は、左右の切り替えボタンと位置ドット アイコンを備えた自動カルーセル フォーカス画像を実装します

jquery excoloSlider.js は、左右切り替えボタンと位置ドットアイコンによる自動カルーセルフォーカスマップ特殊効果のソースコードを実装しています。自動カルーセル切り替えとマウスクリックによる切り替えを実現できるフォーカスマップコードです。左右の切り替えを行い、位置のドットアイコンをクリックして切り替えます。

オンラインデモ

ソースコードのダウンロード

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