jQueryを使用して通常のWebページを強化する

jQueryの

JavaScriptは学ぶのが最も簡単な言語ではありません。 標準のHTMLを理解している多くのWeb開発者は、それをかなり恐れています。 新しい種類のJavaScriptフレームワークが登場してからしばらく経ち、Webに大きな打撃を与え始めています。

最新のブラウザはすべてJavaScriptを効率的に実行できます(最近のいくつかの変更点 Firefoxの しかし、本当に彼らのエンジンをスピードアップしました)。 Firefoxをダウンロードして使用することを強くお勧めします– プラグイン 単独でそれをかけがえのないものにします。

jQueryの は私が最近ますます実験しているJavaScriptフレームワークです。 新しいスタートアップのプレースホルダーを作成したとき、サイト全体に十分なコンテンツがありませんでしたが、今後の予定を説明する素敵なページを設定したかったのです。 そして、私たちは数分でそれをやりたかったのです!

jQueryはまさにそのトリックを行いました。

jQuery +を実質的に何でも検索すると、開発者がプラグインと呼ばれるすぐに使えるソリューションを構築していることがわかります。 この場合、「jQueryカルーセル」を検索したところ、素晴らしく包括的なものが見つかりました ダイナミックドライブ上のjQueryカルーセルソリューション.

jQueryのもうXNUMXつの優れた点は、 コードは現在Googleによってホストされています。 その結果、jQueryを自分のサーバーにアップロードする必要も、Webサイトの読者が毎回ダウンロードする必要もありません。 jQueryを参照してXNUMXつのサイトにアクセスしたことがある場合は、サイトで使用するために自動的にキャッシュされます。

ヘッドタグ内にコードを追加するだけで、jQueryを使用できます。


カルーセルを実行するには、ステップカルーセルスクリプトをアップロードして参照する必要がありました。


その後、ページの変更は簡単でした! カルーセルをと呼ばれるdiv内に配置しました マイギャラリー とのストリップ パネル と呼ばれるdiv内 ベルト。 次に、bodyタグ内に設定コードの小さなチャンクを追加しました。

アクションはかなりカスタマイズできます。 この場合、ページが読み込まれたときに自動的に実行されるようにスクリプトを変更しました。 各パネルが表示される速度と期間、およびパネルを手動で左右に回転させるボタンをカスタマイズしました。 このプラグインのもうXNUMXつの優れた機能–最後のパネルに到達すると、 巻き戻し 最初に戻る!

プログラミングが怖い場合やJavaScriptが威圧的である場合は、jQueryが解決策になる可能性があります。 ほとんどの場合、ファイル参照をコピーして貼り付け、いくつかの設定を編集し、ページを正しく構成するだけで済みます…そして、あなたはオフで実行しています。

3のコメント

  1. 1

    私は現在自分のウェブサイトを再構築していて、すべてがうまくいけば今週末の立ち上げを目指しています。 私はそれのいくつかの側面にjQueryを使用しており、今のところ不満はありません。 すべてがその「Web2.0」の感触を放っているようで、うまくいけば、完成したサイトを補完するだけです。

どう思いますか?

このサイトはAkismetを使用して迷惑メールを減らします。 コメントの処理方法を学ぶ.