透過PNG対応！jQueryでオリジナルツールチップ (1/3)
「ツールチップ」の完成画面。左から、CSSで装飾するツールチップ、透過GIFを使ったツールチップ、透過PNGを使ったツールチップ（画像クリックでサンプルページを表示します） CSSで装飾するシンプルなツールチップ 最初に作成するのは、リンク（a要素）にマウスカーソルが重なると補足テキストをフェードインで表示する、シンプルなツールチップです。ツールチップはマウスカーソルの右下にピッタリくっ付いて表示され、マウスの動きに合わせて移動します（サンプル01）。 HTML／XHTML（以下、HTML）は以下のようになります。ツールチップを設定するリンクはa要素で通常通りマークアップします。ツールチップ内に表示する補足テキストは、a要素の後ろにspan要素で記述します。span要素には「tooltip」というclass属性を設定します。 ▼サンプル01（HTML部分） <p>Lorem （中略） qu
ポートフォリオサイトのデザインギャラリーサイト・Folio Focus
ちょっと珍しい、ギャラリーのギャラリーサイト。 ポートフォリオサイトばかりを集めたデザイン ギャラリーサイト、Folio Focusです。なんとも ニッチな・・・でもこうして集められていると色々 参考になりますね。現在、700以上のサイトが 集められていますので、Webにおける作品の 見せ方など参考にしてみてはいかがでしょう。 ポートフォリオサイトのデザインギャラリーサイトです。同じポートフォリでも色々な見せ方をしていて面白いですね。ポートフォリオは、自分の作品をアピールするコンテンツなので力をいれるべき場所でもありますね。 ポートフォリオばかりが集められています。「こうやって見せると印象的だな」とか「こうやると見易いな」とかいろいろ参考になりそう。 ちょっと感覚違うかも知れませんけど、お店なんかでも陳列の仕方で売上は変わると言いますし、どう見せるかでユーザーの受ける印象も違うのではないか
jQuery+CSSで実装するナビゲーションメニュー総集編
cssやプログラミングcss+jQuery jQueryを使用したcssナビゲーション メニューのまとめです。フェードや スライド、滑らかにドロップダウンする、 などなど色々なメニューをまとめました。 それほど多用はしませんが、必要な 時に探すのが面倒なので備忘録的に。 jQueryを使用したcssナビゲーション メニューのまとめです。フェードや スライド、滑らかにドロップダウンする、 などなど色々なメニューをまとめました。 それほど多用はしませんが、必要な 時に探すのが面倒なので備忘録的に。 という訳で、個人的なjQuery+cssメニューの総集編です。 全部で73個。複数ブラウザでの確認はしていません。順不同です。少し重いかも・・ Large Drop Down Menu スライド&ドロップダウンメニュー Search Box with Filter and Large Drop Do
Basics of using the tooltip
Tooltips demo 1 / 7 : Basics of using the tooltip Here we have four IMG tags and their title attribute work as the tooltip. This kind of simple syntax will also show browser's standard tooltips even thought JavaScript is not enabled. This whole setup can be enabled with one JavaScript one-liner. HTML coding You need two things: the elements that show the tooltips when the cursor is placed on top o
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
