すべて コンピュータ 家電、AV、カメラ 音楽 本、雑誌 映画、ビデオ おもちゃ、ゲーム ホビー、カルチャー アンティーク、コレクション スポーツ、レジャー 自動車、オートバイ ファッション アクセサリー、時計 ビューティ、ヘルスケア 食品、飲料 住まい、インテリア ペット、生き物 事務、店舗用品 花、園芸 チケット、金券、宿泊予約 ベビー用品 タレントグッズ コミック、アニメグッズ 不動産 チャリティー その他 閉じる
![web開発.jp ドメイン譲渡します - ヤフオク!](https://cdn-ak-scissors.b.st-hatena.com/image/square/03ff17e9fc4cb8c8b58b423a0ab42081326ea964/height=288;version=1;width=512/https%3A%2F%2Fauctions.c.yimg.jp%2Fimages.auctions.yahoo.co.jp%2Fimage%2Fdr000%2Fauc0301%2Fusers%2F7%2F6%2F3%2F6%2Fyamabuki_main-img448x274-1485524837pukd5a19005.jpg)
Démonstration Au survol d'un lien contenu dans ce paragraphe, une tooltip devrait apparaître. Au survol du lien contenu dans ce paragraphe, une seconde tooltip devrait apparaître. Il est possible d'activer la tooltip au clic. Il est possible de retarder la disparition de la tooltip. Fonctionnement Le lien qui fera apparaître l'élément au survol doit pointer vers son id : <a href="#ma_tooltip">Lien
「イメージマップのホットスポットにマウスオーバーしたら説明表示出るように出来ない?」って言われて書いたやつ。 非表示にしてるブロック要素を表示してるだけなので、画像とかテキストとか割とフリーダムに出せる。 jQuery1.2.6用。 jQueryのマウスイベントには以下プロパティ提供されていて pageX/Y : ページの左上を0としたマウスポインタの位置 clientX/Y : ブラウザのドキュメント表示領域を0としたマウスポインタの位置 特別なことしなくてもイベントが発生した時のマウスポインタの位置を取得することが出来る。 <div id="imgmap"> <img src="tags.png" alt="Tags" width="400" height="151" border="0" usemap="#Map" /> <map name="Map" id="Map"><area
Creating a Radial Menu in CSS マウスのホバーで、「扇形のツールチップ」がアニメーションで表示されます。 続いて、二つ目のデモ。上記にインスパイアされたもので、動きが絶妙ですごいです! Circular Tooltip こちらはクリックで、「扇形に広がるツールチップ」がアニメーションで表示されます。 実装はデモページにも掲載されていますが、下記のようになっています。 HTML !-- content to be placed inside <body>…</body> --> <a class='button ctrl' href='#' tabindex='1'>★</a> <ul class='tip ctrl'> <li class='slice'><a href='#'>✦</a></li> <li class='slice'><a href='#'>✿
シンプルなツールチップも簡単に実装できるだけなく、デザインのカスタマイズが可能で、対応トリガーも豊富なツールチップのスクリプト「BeautyTips」を紹介します。 BeautyTips demo BeautyTipsは機能が豊富というだけでなく、テキストや画像、AJAXコンテンツの表示、ツールチップの表示位置の自動補正など基本性能もしっかりと抑えられており、フォームエレメントへの表示、ツールチップ元の変更なども可能です。 ツールチップはcanvasで描かれており、画像は必要ありません。 対応ブラウザはIE6.x+, Fx3.x, Op8+, Safari3.xとのことで、canvas非対応ブラウザにはExplorerCanvasが使用されています。また、IE6のz-indexへの対応にbgiframe、ホバー処理にhoverIntentが使用されています。 ※Chrome 1, Fx2で
さて趣味でプログラミングをしているわけですが最近は専らPHPのそれにかかりきりです(1.4.0がリリース間近ということもあり)。でも,たまにはJavaScriptのスクリプトも書いてみたくなります。 IMGタグにはALT属性がありますが,これは画像の代替テキストの役目を果たします。XHTMLでは必須の項目です。このALT属性なんですが,ホームページ作りに励んでいる方々はお気付きかもしれませんが,インターネットエクスプローラー(IE)とFirefoxでは,挙動が違います。IEでは,画像にALT属性があるとマウスのカーソルを重ねたときに,ツールチップ(バルーンヘルプ)が表示されます。でも,Forefoxでは何も表示されません。これはFirefoxのバグというわけではなくて,単にブラウザ間の実装(解釈)の違いに基づくものです。じゃ,Firefoxでもツールチップを出すにはどうしたらいいかというと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く