とても簡単で軽量なjQueryスライダー「jQuery Slider²」を使ってみる – bl6.jp
とても簡単かつ軽量なjQueryのスライダー「jQuery Slider²」を使ってみました。使いやすくて、サクっと実装できます。オプションで幅や高さも指定できますし、スピード、自動スライドも切り替えられ、それなりの機能もつけられるのでいい感じかと思います。以下、サンプルと使い方です。 [ads_center] 使い方 以下のサイトからダウンロードできます。 jQuery Slider² – Make your site slide – wex.im いつも通り、head内にjQuery本体とプラグインを読み込みます。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script type="text/javascrip
`HTML+jQuery` でプレゼンテーションを簡単につくれる `Slippy` をつかってみた
jQuery で書かれたプレゼン用のスクリプト Slippy を使って基金訓練でのスライドを作ってみたのでそのメモとか。Slippyのライセンスはたぶん修正BSD 使い方はデモを見ればOKデモページのスライドがSlippyの使い方の説明になっているので読めば使い方は分かる。 戻る : 左矢印キー進む : 右矢印キー, スペースキー, ダブルクリック一覧表示 : Escキー, Delキー, Tabキー (その後クリックでスライド選択)指定したページへジャンプ : 数字を入力後 EnterソースのメモHTMLの書き方についてのメモ 使うときはコードを軽く書き換えるだけでOKIntroducing Slippy - HTML Presentations - Jordi Boggianoに github へのリンクがあるのでそっからソースをダウンロードする。で、HTMLファイルの中身を見ればどう書
jQueryで簡単に作れるマウスオーバーでアニメーションするボタン５種
jQueryで簡単に作れるマウスオーバーでアニメーションするボタン５種 ちょっと前まではマウスオーバーといえば画像の切り替えくらいでしたけど、最近ではアニメーションで切り替わるマウスオーバーも増えてきましたね。 ということでこの記事ではjQueryを使用して、わりと簡単に作れるマウスオーバーアクションをご紹介します。 投稿日2010年10月24日 更新日2012年03月05日 ナビゲーションはテキストにしないとseo的にあれだよとか言われていますが、コーポレートサイトではまだまだ画像を使用されていることが多いと思います。なので、今回は画像ナビゲーション限定です。（テキストでもあまり変わらないと思いますが……） 縦型+テキストタイプのナビゲーションはこちらの記事をご覧ください。 「jQueryで作るマウスオーバーアニメーションするテキストタイプの縦型ナビゲーション10種」 htmlと画像の準
マウスホバーだけの簡単操作で画像をズームできて便利な「jQuery Zoom」:phpspot開発日誌
jQuery Zoom マウスホバーだけの簡単操作で画像をズームできて便利な「jQuery Zoom」。 画像にマウスホバーするとマウス位置部分が拡大されて表示されます。クリックをトリガにすることも可能。 操作自体はとてもシンプルですが、ホバーだけで拡大したい位置を拡大できるというのは意外と便利そうです。 LightBoxのような形式であってもポップアップでズームというと閉じないといけませんし、これぐらいのシンプルさはショッピングサイトなどでの利用頻度が高い場合においては使い勝手がよさそう。 角っこにズームアイコンが付けられたりするのもオシャレですね 関連エントリ ECサイトなどで使えそうな360度ズーム機能を実装するjQueryプラグイン「AJAX-ZOOM」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モダンなスライドショーを作れるjQueryプラグイン「Sequence」 | Web活メモ帳
Galleriffic
Skitter • Slideshow for anytime
Booklet - jQuery Plugin
class.pm
Adaptor :: jQuery content slider
アイテムをドラッグ＆ドロップで画面レイアウト出来るjQueryプラグイン「gridster.js」:phpspot開発日誌