以前にcss設定のみでツールチップを実装する方法を紹介しました。
●Tooltip:テキストにマウスを乗せると説明窓を表示する
これをJavascriptを利用し、もっとカスタマイズ可能で綺麗に表示させる方法を紹介したいと思います。サンプルは以下デモサイトに載せました^^b
●Cooltips:sample
実装手順や詳細やらは続きへどうぞ。
●Tooltip:テキストにマウスを乗せると説明窓を表示する
これをJavascriptを利用し、もっとカスタマイズ可能で綺麗に表示させる方法を紹介したいと思います。サンプルは以下デモサイトに載せました^^b
●Cooltips:sample
実装手順や詳細やらは続きへどうぞ。
スポンサーサイト
ダウンロード可能の便利JavaScript・色々Dataを置いておきます。
fc2ブログで使える共有テンプレートも制作し公開しています。
必ず各自に保存して利用してください。
FC2blog Template
Javascript
CSS
fc2ブログで使える共有テンプレートも制作し公開しています。
必ず各自に保存して利用してください。
FC2blog Template
●tn_black-red_2c
シンプルにブラックでまとめ、ワンポイントを赤にしたテンプレ。
ダウンロードは上記名称で検索してください。
カスタマイズの詳細やご質問はこちら
●tn_black-red_3c
シンプルにブラックでまとめ、ワンポイントを赤にしたテンプレ。
ダウンロードは上記名称で検索してください。
カスタマイズの詳細やご質問はこちら
●tn_white-red_2c
シンプルにホワイトでまとめ、ワンポイントを赤にしたテンプレ。
ダウンロードは上記名称で検索してください。
カスタマイズの詳細やご質問はこちら
●tn_white-red_3c
シンプルにホワイトでまとめ、ワンポイントを赤にしたテンプレ。
ダウンロードは上記名称で検索してください。
カスタマイズの詳細やご質問はこちら
●tn_black-gold_2c
更にブラックでまとめ、ポイントをゴールドにしたテンプレ。
ダウンロードは上記名称で検索してください。
カスタマイズの詳細やご質問はこちら
●tn_black-gold_3c
更にブラックでまとめ、ポイントをゴールドにしたテンプレ。
ダウンロードは上記名称で検索してください。
カスタマイズの詳細やご質問はこちら
●tn_black-panther
Style Switcherを搭載した、
header部分を黒/豹に切り替え可能なテンプレ。
ダウンロードは上記名称で検索してください。
カスタマイズの詳細やご質問はこちら
●tn_black-skull
黒と髑髏のコラボレーションテンプレ。
ブログタイトル・各ヘッダ・ナビ部分が髑髏になっています。
カスタマイズの詳細やご質問はこちら
Javascript
●scroll.js
name属性リンクのようなサイト内リンク移動を格好良く移動します。スム?ズにシュル?っと移動する感じですw
●yui-utilities.js
Yahoo! User Interface Library(YUI)にあるjsのひとつです。ShadowboxをFC2ブログで使うために必要なモノですが、見つけにくいのでここに置きましたw
●selectall.js
フォームに書かれているテキストやコードをワンクリックですべて選択できるようになる閲覧者に優しい小技ですw
●jquerypack.js
●accordion.js
アコーディオン形式でコンテンツを表示させたり隠したりするJavascriptです。正常に動作させるために2つのjsをまとめましたw
CSS

【挨拶】
はじめまして。Diskenthことnakanoです。
30代のしがないリーマンでございますw
今後ともど?ぞよろしくお願いします。
Diskenthは、とある漫画からとりました(●´∀`●)
連絡先は以下ですので、何かありましたらメールください。
それか、各記事などにコメントいただけるととても嬉しいです。

【このブログについて】
この「普利伊待夢な日常」では、ただの日記以外にもパソコン関連で役立つソフトウェア・Webサイトや、fc2ブログなどで使える便利なモノとかを色々紹介したいと思っとります。あ、ちなみに「普利伊待夢」は「フリータイム(free time)」の当て字ですw
【管理人について】
思いつき次第で書いていきます(笑)
はじめまして。Diskenthことnakanoです。
30代のしがないリーマンでございますw
今後ともど?ぞよろしくお願いします。
Diskenthは、とある漫画からとりました(●´∀`●)
連絡先は以下ですので、何かありましたらメールください。
それか、各記事などにコメントいただけるととても嬉しいです。

【このブログについて】
この「普利伊待夢な日常」では、ただの日記以外にもパソコン関連で役立つソフトウェア・Webサイトや、fc2ブログなどで使える便利なモノとかを色々紹介したいと思っとります。あ、ちなみに「普利伊待夢」は「フリータイム(free time)」の当て字ですw
【管理人について】
思いつき次第で書いていきます(笑)
Friend Links
Favorite Links
- ラーメンデータベース
- ハンバーガーブログ
- 小粋空間
- Movable Type 備忘録
- DesignWalker
- 初心者でもできる簡単FC2ブログの作り方
- らくがきちょう
- 二十歳街道まっしぐら
- ハムスター.com
- 魅せます Exel FileMaker
- 1キロバイトの素材屋さん
- 恐龍の卵
- 俺流?デスクトップカスタマイズ?
- Look at ...
- 美也の日々思うこと、駄文。
- SorairoTools.com
- NET裏技専門店
AffiFrend Links
- お気楽子育て(3児のママ)
- 初心者でも簡単!!お小遣い生活
- 妊娠・出産・育児、私の場合
- ニンプさん日記
- お得情報のポイント
- 安全・確実・無料で稼ぐおこづかいGET法
- 誰でも簡単!ネットでお小遣い稼ぎ!
- SnowMan's Blog
- ママの簡単お小遣い稼ぎ♪
- 目指せ小金持ち!!?お小遣いあっぷっぷ♪?
- キレイなママでいるために
- NANAのシンプル&ナチュラルライフ
- JUN1のお小遣い稼ぎ貯金箱!
- 豚の貯金箱ナナママファミリー
- ポイントサイトdeお小遣い
- ネットでコツコツお小遣い稼ぎ♪
- 192.STYLE -育児スタイル- ☆育児な毎日☆
- 超初心者のお小遣い稼ぎ!のらりくらりなひびのため
- 妊婦の懸賞生活?どれだけ稼げる??
Software | Material Links
Tips | Customize Links
- FC2Blog User Forum
- Dynamic Drive DHTML
- JavaScriptist
- phpspot開発日誌
- Yahoo! User Interface Library
- JavaScript+Ajax実践サンプル集
- CSSレイアウト実践講座
Affiliate Links
- A8.net
- LinkShare
- Amazonアソシエイト
- ADgger
- Google Adsense
- Micro Ad
- Yahoo! アドパートナー
- 楽天ぴたっとアド
- Trend Match
- Adwires
- CM-Click
Access Up Links