[B! javascript] bobonchura20のブックマーク

Apple-like Slideshow Gallery | Tutorialzine demo

This is a tutorialzine demo. View the original tutorial to read and download the source files. The gallery features artwork from rambocre, pickupjojo and codenamebender

bobonchura20 2012/01/30

　参考120130

リンク

最近よくみる定番の動きは、だいたいこれで対応できるjqueryライブラリ |　バニデザノート

ウェブデザインのなかで、 jqueryをつかった、さりげない「動き」をウェブサイト上で導入するのが定番になりつつありますね。ふわっと、ポップアップみたいに浮き上がってくるウインドウ、画像やテキストのスライドなど最近良く見るjqueryでつくる「動き」で、おすすめのライブラリをまとめてみます。要素をスライドさせるならJquery.cycle.plugin 画像や、テキストなど、非常にシンプルなhtmlソースを認識して対応してくれるプラグイン。上から落ちてきたり、横にスライドしたり、フェードイン・フェードアウトしたりスライド番号をつけたり、スライド領域の要素の右左に矢印をつけたりもできます。シンプルなdemo Even More Demosもオススメです。オプション一覧はこちら → jquery.cycle.plugin ページ内ポップアップ、lightbox風表現ならfa

bobonchura20 2011/09/11

リンク

簡単にポップアップを実現するjQueryプラグイン「prettyPopin」 | WEBシステム開発 | HAPPY*TRAP

URL:jQuery popin solution – prettyPopin – by Stephane Caron jQueryプラグイン「prettyPopin」を使うと簡単にポップアップが実装できます。サンプルはこちら(別ウィンドウで開きます)。使い方を紹介します。 1. 「jquery.js」と「prettyPoint.js」の読み込み <script type="text/javascript" src="js/jquery.js" charset="utf-8"></script> <script type="text/javascript" src="js/jquery.prettyPopin.js" charset="utf-8"></script> <link rel="stylesheet" href="css/prettyPopin.css" type=

bobonchura20 2011/02/08

リンク

JavaScript basic samples

┣　文字列のスクロール（テキストボックス） ┣　文字列のスクロール（ステータスバー） ┣　1文字ずつ表示（テキストボックス） ┣　1文字ずつ表示（ステータスバー） ┣　1文字ずつ表示（テキスト） ┣　マウスを重ねると説明を表示（テキストボックス） ┣　マウスを重ねると説明を表示（ステータスバー） ┣　マウスを重ねると説明を表示（テキスト） ┣　マウスを重ねると説明を表示（ポップアップ） ┣　マウスと共に移動するイメージ ┣　入力できないテキストエリア ┣　クイックリンク ┣　クイックリンク（フレーム形式） ┣　複数のフレームページを同時に変更する ┣　プロンプトをパスワードの入力に利用 ┣　リンクボタン ┗　リロードボタン

bobonchura20 2011/02/08

javascript

リンク

http://javascript.maxux.com/

bobonchura20 2011/02/07

javascript

リンク

ソースがシンプルなJSによるロールオーバー｜CSS HappyLife

Webは略語じゃないのに「WEB」って書く人が多いのが気になって仕方ない今日この頃。（あ、音声ブラウザを配慮したらという場合です）さて、本題に。 CSSのみでロールオーバーするテクニックは有名でございますが、ココ最近JSでいいじゃん。と思うようになってます。ってことで、こんなサイト名ですけどJavaScriptでやるロールオーバーの方法のひとつでも。 jsファイルのご用意何はともあれ、下記のjsファイルをご用意します。 function smartRollover() { if(document.getElementsByTagName) { var images = document.getElementsByTagName("img"); for(var i=0; i < images.length; i++) { if(images[i].getAttribute("src")