category
サイト構築 -JavaScript

[JS]動作が軽快なパネルを水平・垂直にスライドするスクリプト -Easy Slider

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

リスト要素のパネルをスムーズなアニメーションでスライドさせるスクリプト「Easy Slider」をcss globeから紹介します。

デモのキャプチャ

Easy Slider 1.5
demo

パネルには画像やテキストなどを配置することが可能で、スライドのコントローラーはテキストベースのものやグラフィカルなものを使用することができます。

  • demo 1(スタイルは無し)
  • demo 2(スタイルを適用)
  • demo 3(スタイル無しで垂直方向に)
  • demo 4(スタイル適用、自動スライド)
  • demo 5(複数のスライダーを設置)

スクリプトのオプションでは、スライドのスピード、スライドの自動・手動、ポーズの時間などを調整することができます。

Easy SliderはjQueryのプラグインのため、実装にはjquery.jsが必要です。

Post on:2009年1月27日

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

トラックバック

トラックバック(URL)

コメント

comment:

※承認制のため、即時には反映されません。

ページの先頭へ




© coliss

RSS