タグ

ajaxとdesignに関するyo-illのブックマーク (2)

  • [JS]打ち出し画像をフラッシュのようにダイナミックに切り替えるスクリプト -s3Slider

    s3Sliderは、打ち出し画像をフラッシュのようにダイナミックに切り替え、レイヤーをスムーズにスライド表示するスクリプトです。 s3Slider demo スライドするレイヤーは、左右・上下から表示することができ、四方向を一緒にすることもできます。 オプションで表示のタイミングを変更することができます。 <textarea name="code" class="html" cols="60" rows="5"> $(document).ready(function(){ $('#s3slider').s3Slider({ timeOut: 4000 }); }); </textarea>

  • たった6行でWebサイトのUIをガラッと変える

    「こんな長いWebページ、まったく読む気がしない」。Webサイトを閲覧していてこんな経験をしたことは誰しもあるのではないだろうか。一方で、Webサイトを作る側にとっては、どこまでを1ページにまとめるかは常に悩むところだと思う。長いからといってむやみにページが分割されているのも考えもので、今度は「次のページへ」ボタンをクリックするのが面倒になり、ストレスがたまる。 CogniTom Academic Designが作った「bookreader.js」は、そんな悩みを解決してくれるかもしれない。bookreaderは、や雑誌をめくるような感覚で、Webページの文を横にスクロールさせるJavaScriptライブラリだ。 「bookreader.js」のWebサイト。サイト自体がbookreader.jsを使ったデモサイトを兼ねている。中央にある [<] [>] をクリックすると1ページずつ、

    たった6行でWebサイトのUIをガラッと変える
  • 1