Lights Out ? Dimming/Covering Background Content with jQuery | Build Internet! これはカッコいい、テレビのノイズ画面風背景のLightBox作成。 次のように、テレビのノイズ画面のような背景がアニメーションするカッコいいLightBoxの作成チュートリアル。 デモページ 単純に背景をGIFアニメーションにしているだけっぽいけど、なんかオシャレです。 1ネタとして覚えておいて損はなさそう。サンプルもダウンロード可能です。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 無限に回転するカルーセルＵＩ実現用jQueryプラグイン実装チュートリアル jQueryやPHPを使った便利な仕組みのチュートリアル集
タグ
- すべて
- 2ch (14)
- AS3 (23)
- Apple (16)
- CMS (8)
- CSS (173)
- DS (1)
- DTP (5)
- DVD (1)
- Drawing (18)
- DreamWeaver (7)
- DropDownMenu (2)
- EC (5)
- EPS (1)
- FLV (1)
- FinalCut (3)
- Google (32)
- Google Analytics (5)
- KERN (1)
- MT (31)
- Mac (69)
- Microformats (3)
- OPENPNE (1)
- Processing (14)
- QuickTime (5)
- RICHARD (1)
- SNS (1)
- Spotlight (1)
- TED (1)
- XML (1)
- accordions (1)
- ajax (88)
- amazon (3)
- animation (13)
- apollo (2)
- app (7)
- application (14)
- art (139)
- artist (7)
- autopagerize (1)
- awards (1)
- awesome (2)
- beauty (10)
- bike (4)
- black&white (1)
- blingbling (1)
- blog (133)
- book (45)
- branding (4)
- browser (4)
- business (2)
- businesscard (1)
- buy (1)
- caligraphy (1)
- camera (6)
- campaign (5)
- cgi (1)
- checkbox (1)
- chikuma (1)
- clearfix (1)
- clip (1)
- clipboard (1)
- coding (1)
- color (47)
- column (3)
- cookie (1)
- cooking (3)
- cool (2)
- corefighter (1)
- creative (1)
- css3 (1)
- d (1)
- del.icio.us (5)
- design (704)
- designer (4)
- desk (1)
- development (7)
- dhtml (6)
- domstrage (1)
- download (24)
- dropdown (4)
- eco (1)
- ecサイト (1)
- education (3)
- effect (2)
- election (1)
- email (1)
- ero (11)
- extension (2)
- fashion (105)
- firebug (1)
- firefox (18)
- flash (220)
- flickr (14)
- flyer (2)
- font (8)
- fonts (2)
- food (14)
- form (6)
- free (44)
- freeware (1)
- fun (1)
- funny (3)
- furniture (1)
- gadget (2)
- gallery (43)
- game (2)
- gif (2)
- gifs (1)
- girl (8)
- girls (1)
- gmail (3)
- golf (1)
- good (1)
- graffiti (3)
- grafitti (1)
- graphic (128)
- graphic_design (1)
- green (4)
- grid (11)
- health (7)
- highlight (1)
- hiphop (3)
- history (1)
- home (2)
- house (1)
- htaccess (3)
- html (17)
- html5 (4)
- humor (2)
- icon (37)
- iconfont (1)
- icons (3)
- idea (14)
- identity (1)
- ie (3)
- ie6 (2)
- ie9 (1)
- illustration (17)
- illustrator (32)
- image (1)
- imagemagick (1)
- imported (60)
- inspiration (202)
- interface (23)
- interior (5)
- internet (5)
- interview (1)
- iphone (18)
- ipod (5)
- italy (1)
- itunes (3)
- janet (1)
- japan (9)
- japanese (2)
- javascript (124)
- jewery (1)
- jquery (58)
- js (6)
- kami (8)
- kids (7)
- knowledge (1)
- l (1)
- layout (22)
- library (28)
- life (20)
- lifehack (13)
- lightbox (4)
- lighting (1)
- logo (37)
- luxury (9)
- lylic (1)
- macosx (1)
- magazine (22)
- mamp (1)
- map (9)
- marketing (1)
- memo (345)
- memory (1)
- menus (1)
- minimal (1)
- mobile (21)
- mobileme (1)
- money (4)
- mootools (1)
- motion (22)
- movabletype (1)
- movie (29)
- mt4 (9)
- music (32)
- navigation (17)
- neta (7)
- newsletter (1)
- nyc (1)
- official (1)
- opera (1)
- os9 (1)
- osx (23)
- other (2)
- pattern (2)
- photo (71)
- photographer (3)
- photographers (2)
- photography (91)
- photos (9)
- photoshop (45)
- php (11)
- plagger (1)
- plugin (35)
- plugins (5)
- politics (2)
- portfolio (20)
- print (7)
- products (7)
- programming (3)
- promotion (3)
- prototype (2)
- psd (2)
- publishing (1)
- quartz (3)
- quicksilver (1)
- rah (97)
- rating (1)
- recipe (2)
- reference (84)
- restaurant (1)
- rss (1)
- ruby (10)
- running (1)
- safari (1)
- sample (23)
- science (2)
- script.aculo.us (1)
- scroll (4)
- scrolling (1)
- search (1)
- seo (4)
- service (8)
- sharma (1)
- shoes (1)
- shop (4)
- shopping (11)
- sidebar (1)
- sim (1)
- simple (17)
- skate (1)
- skype (2)
- slide (1)
- slider (1)
- soccer (7)
- social (2)
- software (15)
- soul (13)
- sound (10)
- source (11)
- spry (3)
- spy (1)
- sql (1)
- star (1)
- studio (1)
- study (19)
- sweden (3)
- swf (1)
- swfobject (1)
- sync (1)
- tab (1)
- table (1)
- tabs (4)
- tattoo (9)
- tech (1)
- technology (1)
- tenkey (1)
- texture (4)
- theme (1)
- timeline (1)
- tips (159)
- tokyo (1)
- tool (7)
- tools (60)
- tooltips (2)
- touch (4)
- trends (1)
- tumblr (2)
- tutorial (99)
- tutorials (2)
- twitter (13)
- typo (5)
- typography (118)
- ui (16)
- usa (1)
- ustream (2)
- utilities (2)
- vide (1)
- video (37)
- weather (1)
- web (41)
- web2.0 (44)
- webdesign (474)
- webdev (6)
- webfonts (1)
- webkit (1)
- webservice (2)
- website (2)
- webサービス (3)
- webデザイン (7)
- web制作会社 (1)
- wedding (1)
- white (3)
- widgets (3)
- wiki (2)
- window (5)
- windows (4)
- wordpress (9)
- work (5)
- world (1)
- xhtml (18)
- yahoo (1)
- yahoo!pipes (1)
- yodeler (1)
- youtube (3)
- yui (1)
- zoom (1)
- あとで試す (1)
- あとで読む (12)
- うんこ (4)
- おもしろい (3)
- お役立ち (2)
- お菓子 (1)
- お金 (1)
- かっこいい (12)
- かわいい (19)
- これはすごい (2)
- これはひどい (1)
- すげー (1)
- てぬぐい (1)
- はへ (1)
- ほしい (4)
- まとめ (65)
- やばい (2)
- やる気 (1)
- アイデア (1)
- イラスト (2)
- エロ (1)
- オブ脳 (1)
- カレー (1)
- グルメ (1)
- コーポレート (1)
- シンプル (14)
- タイポグラフィ (3)
- ダイエット (1)
- テノリオン (1)
- テープ起こし (1)
- デザイン (16)
- デザイン事務所 (1)
- デザイン参考 (1)
- ネタ (41)
- ビジネス (1)
- ピクトグラム (1)
- フライヤー (1)
- フリーランス (1)
- プラグイン (3)
- プロジェクト (3)
- メンテナンス (1)
- モデル (1)
- ヨガ (1)
- レイアウト (1)
- レシピ (4)
- 不動産 (2)
- 世界史 (1)
- 便利 (2)
- 修理 (1)
- 健康 (4)
- 写真 (2)
- 制作会社 (1)
- 動画 (4)
- 印刷 (4)
- 印刷会社 (1)
- 名刺 (1)
- 和 (5)
- 地震 (5)
- 城 (1)
- 家紋 (1)
- 広告 (4)
- 店舗 (1)
- 引越し (3)
- 後で読む (4)
- 料理 (3)
- 旅行 (3)
- 日本 (1)
- 暮らし (1)
- 書体 (2)
- 松本人志 (1)
- 椅子 (1)
- 欲しい (2)
- 歴史 (4)
- 活版印刷 (1)
- 渋谷 (1)
- 漢 (1)
- 看板 (1)
- 社会 (1)
- 社会人 (1)
- 福利厚生 (1)
- 筋トレ (1)
- 素材 (1)
- 経済 (2)
- 結婚 (2)
- 色 (1)
- 芸能人 (3)
- 英会話 (1)
- 英語 (1)
- 行きたい (1)
- 見せ方 (4)
- 見る (1)
- 計算 (1)
- 読み物 (6)
- 読む (9)
- 買う (2)
- 賃貸 (1)
- 起業 (1)
- 雑貨 (1)
- 電子書籍 (1)
- 食 (3)
- 食い物 (9)
- 飯 (1)
- 高速化 (1)
- design (704)
- webdesign (474)
- memo (345)
- flash (220)
- inspiration (202)
- CSS (173)
- tips (159)
- art (139)
- blog (133)
- graphic (128)
lightboxに関するkyoheyjapanのブックマーク (4)
-
kyoheyjapan 2009/08/06
- jquery
- lightbox
リンク -
スムーズに画像を拡大するかなり導入が簡単なJavaScript「FancyZoom」 - GIGAZINE
IE6/IE7/Firefox/Safariに対応しているJavaScriptで、使い方もかなり簡単でページにほとんど変更を加えずに導入可能。 また、リンクの先読みにも対応しており、画像の上にマウスが乗ったことを感知して自動的に先読みすることもできますので体感的にはかなり速度アップしているように感じます。 画像をズームする機能のみに特化しているため、ほかの余計な機能付きのライブラリよりも動作は軽いのも特徴で、クリックしてズームされた後にはちゃんとドロップシャドウ効果が付いたりするなど、芸も細かい。 実際のデモと詳細は以下から。 cabel.name: FancyZoom 1.0 上記ページの下の方にある「Example」に体感できる例があります。なかなか面白い。 で、実際に設置するにはまず上記ページ中にあるZIPファイルをダウンロードしたら解凍し、出てきた2つのフォルダをFTPソフトなどで
-
[JS]jQueryのプラグイン33+1選 -2008年5月 | コリス
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
-
Orangoo Labs - GreyBox
A pop-up window that doesn't suck. Introduction GreyBox can be used to display websites, images and other content in a beautiful way. Why use GreyBox: It does not conflict with pop-up blockers It's only 22 KB! It's super easy to setup It's super easy to use You can easily alter the style as it is controlled through CSS Examples One website Launch google.com in a 500x500 center window Launch google
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx