demoの検索結果

blockquote(引用部分)をCSSでデザインするサンプル集

blockquote(引用部分)をCSSでデザインするサンプル集

ブログを書いていると他のサイトから文章などを引用してきたりする事もあるかと思います。

そういう時に使えそうな blockquote のデザインとサンプルを作ってみました。

demo page

Flashの用な動きのあるサイドメニュー

Flashの用な動きのあるサイドメニュー

マウスオーバーした Flash の伸縮するアニメーションをしてくれる jQuery のプラグインです。

demo page

右クリックなどの画像ダウンロードを防止するjQueryプラグイン

右クリックなどの画像ダウンロードを防止するjQueryプラグイン

Webサイトに掲載してある画像は、右クリックや画像をドラッグして保存する事が簡単に出来ちゃいます。

Web上で画像保存を完全に防ぐ事は不可能ですが、簡単にダウンロードする事を防ぐ事が出来るjQueryプラグインです。

demo page

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

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

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

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

mooVRotatingMenu

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

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

jQueryを使って簡単プルダウンメニュー

lightview

←はサンプル画像なんですが、こんな感じのプルダウンメニューってけっこう使っているサイトも多い気がするので、今回はjQueryを使って簡単に出来ちゃうやり方を紹介したいと思います。

画像をつかったバージョンも使ったので、こちらも参考にして下さい。

ブロックレベル要素の高さを揃えるheightLine.js

Webサイトを作る時に「ブロックレベル要素の高さを揃えたい!」って時にはブロックレベル要素の高さを揃えるheightLine.js[to-R]さんが紹介しているheightLine.jsがオススメです!

使い方は凄くカンタンです。heightLine.jsへのパスをhead要素内に記述し、高さをそろえたいブロックレベル要素に「heightLine」というclass名つけるだけです。