Build a Better Tooltip With jQuery Awesomeness | Envato Tuts+
Browsers will automatically display a tooltip when you provide a title attribute. Internet Explorer will also use the alt attribute. But, in this tutorial I'm going to show you how to quickly write a jQuery plugin that will replace the typical browser tooltip with something a little flashier. One of the great tools we have in our web development goodie-bag are tooltips. A tooltip is a box that app
GLT - Good-Looking Tolltips
GLT implementation How to use it To make it work, simply include the JavaScript file in your web page: <script type="text/javascript" src="js/glt.js"></script> Customizing the look Just add these CSS classes to your stylesheet, which you in turn can customize any way you want to: .glt-elm{ position: absolute; left: 0; top: 0; width: 150px; color: #fff; opacity: 0.9; visibility: hidden; } .glt-elm
設置サンプル
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Language" content="ja" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.css-lecture.com/log/javascript/jquery-tooltip-image-preview.html
jQuery TOOLS - The missing UI library for the Web
