The Glue Society is an internationally renowned art & directing collective known for award winning advertising, film direction, design, art, experiential and sculpture.
まず背景色とテキストバージョン (IE6、7/Firefox/Netscape8(7は無理)/Opera/Safari) ここにマウスを乗せるとポコっと。サンプル1 spanでマークアップされたテキストが出てきます。
最近のWebサイトでは画面遷移をなくし、Ajax化するのが好まれる。とは言え、既存のサービスに対して実装するのはそうそう単純ではない。それにAjaxを使った場合、PVの計測が難しく、メディア等では取り入れづらい。 だが、これを使えば簡単にそれっぽい実装ができそうだ。 今回紹介するオープンソース・ソフトウェアはGreyBox、Webページにも対応したCSSポップアップウィンドウだ。 GreyBoxは最近良く見かける、画像をクリックすると同じページ上でポップアップするライブラリになる。特徴的なのは、画像のみならずWebページでもポップアップしてくれる点だ。 既存のAタグに対して情報を埋め込めば、それだけでクリックすると背景をグレーアウトし、クールなポップアップを表示してくれる。これならばお問い合わせフォームや、詳細検索等のフォームでも使えそうだ。 大きさを指定したり、フルスクリーンでの表示もで
_ cssのみでポップアップ まいはさんの http://wota.jp/ac/?date=20060907#p01 を見て思ったんですけど aタグの中にタグなんてそんなに書かないわけだし .popup { display: none; position: absolute; top: 10px; left: 20px; white-space: nowrap; border: 1px solid black; padding:5px; color:black; text-decoration:none; } a:hover .popup { display: block; background-color: #ffffaa; } a:hover { position:relative; } じゃあ駄目なのかな…とか思った。 実際に使ってみたわけじゃないのでなんか問題あるかも… 問題あった
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く