CSSとjQueryを使ってマウスオーバー時にポップアップ表示にするTooltipsのデモページ

• サンプルリンク1
• サンプルリンク2

<ul>
<li><a href="#cssLecture" title="サンプルリンク1　テキストテキストテキストテキストテキスト">サンプルリンク1</a></li>
<li><a href="#cssLecture" title="サンプルリンク2<br />テキストテキストテキストテキストテキスト">サンプルリンク2</a></li>
</ul>

<p class="bnr"><a href="http://www.css-lecture.com/" title="CSS Lecture<br />CSSリファレンス、(X)HTML、Movable Type、その他Webサイト制作に関する役立つ情報を掲載します！"><img src="/image/bnr_csslecture3.gif" alt="サンプル画像" width="125" height="125" /></a></p>

※上記ソースの用にtitle内にbrタグを使う事は出来るのですが、Markup Validation Serviceにはひかかってしまうので気をつけて下さい。