Javascript

画像をスクロールさせる jquery.scrollable.js

画像をスクロールさせる jquery.scrollable.js

jquery.scrollable.jsは、さまざまなコンテンツを画面内の特定の領域でスクロールさせるプラグインです。

Scroll your HTML with jquery.scrollable.jsで使い方など紹介はされているのですが、英文って事もあり直ぐに使い方が分からないかったので、自分の方でも解説をしておきたいと思います。

jQueryを使ってラジオボタンでグループ表示を選択する

jQueryを使ってラジオボタンでグループ表示を選択する

どういう仕組みかと言うと上記画像の用にグループ 1のラジオボタンを選択するとグループ 1のみ表示され、グループ 2を選択するとグループ 2のみ表示されるって感じです。

demo page

Lightbox風のスクリプト NyroModal :: jQuery Plugin

NyroModal :: jQuery Plugin

nyroModalはjQueryのプラグインです。

個人的に気に入っているので、お勧めWebサイトでも使っていますし、以前紹介したlightviewみたいにhtmlや他のメディアを表示したりもしてくれます。

本家サイトnyroModal :: jQuery Pluginは英語ですし、「使い方が分からない」って方の為に解説したいと思います。

JavaScriptを使って画像の切り替え&LightBox使用

ネタ元:JavaScriptを使ってクリック時に画像を入れ替える その3

自分の先輩でもあるチバのブログのチバコウタロウさんがクリック時に画像を入れ替えるいろんな方法を書いてくれていたので、それを生かしつつ拡大画像をクリックしたらLightBoxで表示するようにしてみました。

LightBoxのJQuery版 jQuery lightBox plugin

jQuery lightBox plugin

jQuery lightBox pluginは、LightBox 2のjQuery版です。

LightBox 2はPrototypeで動いているのですが、それをjQueryで動かせちゃうですよ。
自分はほとんどjQueryしか使わないので、LightBoxを使う時はこの方法で使用しています。

LightBoxの使い方とカスタマイズ方法

LightBox

Lightbox JS v2.0は知っている方も多いと思いますが、基本的な使い方とカスタズって言える程ではないですが、Lightbox表示中の「背景の色」「画像周りの色」「ボタン系の画像の変更」の変更の仕方についての解説をしたいと思います。

jQueryのプラグインのまとめ

jQuery

jQueryって特にコーダーさんにはかかせないものの一つになっていると思います。
自分のその中の一人ですけどねぇ;

jQueryと言ってもさまざまなプラグインが存在していると思うですけど探すのってけっこう面倒じゃないですか?
自分でjQueryのプラグインをまとめようかと思ったんですけど、既にそういう記事を書いて下さってるサイトさんも沢山あるので今回はそのサイトさんを紹介したいと思います。

jQueryを使ったプルダウンのナビゲーション

プルダウンのナビゲーション

以前jQueryを使って簡単プルダウンメニューと記事を書いたんですが、今回は以前と違ってもう少し活用性のあるように作ってみました。

以前と違う点は、プルダウンメニューが表示される時にも少し動きつけた点と画像やアイコンを使い見栄えも整えました。

概要としては大体一緒なんですが、以前仮説が少なすぎたので、今回は詳しく解説を入れていきたいと思います。

jQueryを使ってApple風デザインのナビゲーション

Kriesi.at

今回の情報元サイトです。Create an apple style menu and improve it via jQuery

こういうナビゲーションって今はそんなに見かける事はないのですが、今後増えていきそうな気がするので詳しく解説していきたいと思います。

3Dに画像を回転できるJS mooVRotatingMenu.js

mooVRotatingMenu

このスクリプトはmooVRotatingMenuで公開されているんですが、英語が読めない自分としては、何が書いてあるのかチンプンカンプンです・・・。

共感してくれる方は多いと思いますので、そんな人の為デモページを作りました。

Domo Page

page top へ

Sponsor

  • heteml
  • Movable Type

Category

Recent Article

2011 04-05
iPhone スマートフォンサイトのデザインのまとめ
2011 04-04
スマートフォン対応にしてみました
2011 04-01
CSS3 要素を透明に出来る Opacity と RGBa の使い方
2011 03-31
サイトリニューアルしました
2010 12-01
CSS3 でボタンを作る為のテクニック、サンプル集
2010 11-24
綺麗でリッチなフッターデザイン集のまとめ 60
2010 11-18
緑と黒色を使った Webデザインのサイト 25
2010 11-10
知っておいた方が便利なエクセルの知識

Recent Comments

Archive

2011年
2010年
2009年
2008年