Code Archive Skip to content Google About Google Privacy Terms
jQuery Howto Short and "to the point" jQuery & JavaScript related posts for your daily pleasure. In this post, I would like to share a little jQuery code snippet that makes getting URL parameters and their values more convenient. Recently, while working on one of my projects, I needed to read and get parameter values from URL string of the current page that was constructed and sent by PHP script.
amazonの「この商品を買った人はこんな商品も買っています」みたいな、商品がくるくるまわるウィジットを作りたいと思い、jqueryベースのちょうどいいライブラリがないか調べてみました。 こういうのです↓ この手のウィジットはカルーセルパネルと呼ばれています。カルーセルというのはメリーゴーランドのこと。くるくるまわるからそう名付けられたようです。英語だとcarrouselまたはcarousel。rは1個でも2個でもどっちでもいいみたいです。 軽くググって見つけたのがこれら。 ■jCarousel 定番 ■jCarousel Lite jCarouselを軽量化し、導入を簡単にしたもの ■Billy Carousel あまり調べてないが、シンプルな感じ ■jquery carrousel スライダーもついてる。ドキュメントはあまりない ■Slider Gallery Apple風スライドギャ
以前、「jQueryでシンプルなカルーセルパネルスライドUIを作成する方法」と題して、 jQueryを使ってのシンプルなスクリプトでカルーセルUIを実装する方法を紹介しましたが カルーセル動作での自動でスライドするパターンの実装方法のリクエストをいただき、 以前のものをカスタマイズして、試しに作ってみたので紹介してみます。 まずは動作のサンプルから。 jQuery SIMPLE CAROUSEL AUTO SLIDE【SAMPLE】 5秒ごとにカルーセルパネルが自動でスライドします。 スライドは左右の矢印をクリックすることで動作させることも可能です。 並べられたコンテンツ要素(画像)は一つずつスライドし、 要素全体はループして表示されます。 このカルーセルパネルUIの全体構成について、 まずはHTMLから。 ◆HTML <div id="carousel"> <ul> <li><a hre
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは? そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目:導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体(JavaScriptファイル)は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く