<!--
.tt {
font-size:12px;
}
#T2tDirect {
border:2px solid red;
background:yellow;
padding:3px;
}
-->
<
script type="text/javascript">
<!--
function FixCalcXY(el)
{
if(typeof(el.offsetParent) == "undefined")
return [70, 4000];
var a = new Array(0, -70);
while(el)
{
a[0] += el.offsetLeft || 0;
a[1] += el.offsetTop || 0;
el = el.offsetParent || null;
}
return a;
}
//-->
<
table bgcolor="#000099" border="0" cellpadding="0" cellspacing="0">
<
table border="0" cellpadding="6" cellspacing="1" width="100%">
<
th align="center">ÃüÁî<
/th>
<
th align="center">ÃèÊö<
/th>
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('tooltip ·ÅÔÚÊó±êµãÉÏÃæ', ABOVE, true);">ABOVE<
/a><
/tt>
tooltip ·ÅÔÚÊó±êµãÉÏÃæ.
ȡֵ: true »ò false.
Óë
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('´Ë´¦ÓÃÁËÒÔÏÂÃüÁî:<br>ABOVE, true, OFFSETY, 50', ABOVE,true,OFFSETY,50);">OFFSETY<
/a><
/tt>
ÁªÓÿɵ÷½Úµ½Êó±êµãµÄ´¹Ö±¾àÀë,
»òÓÃ
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('´Ë´¦ÓÃÁËÒÔÏÂÃüÁî:<br>ABOVE, true, CENTERMOUSE, true', ABOVE, true, CENTERMOUSE, true, OFFSETX, 0);">CENTERMOUSE<
/a><
/tt>
ʹµÃ tooltip µÄÖÐÐÄλÓÚÊó±êµãÉÏÃæ.
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('¸Ä±ä tooltip µÄ±³¾°É«', BGCOLOR,'#f3e0f3');">BGCOLOR<
/a><
/tt>
tooltip µÄ±³¾°É«.
ȡֵ: ·ÅÔÚµ¥ÒýºÅÀïÃæµÄ HTML É«²Ê, ÀýÈç '#D3E3F6' »ò 'DarkCyan',
<
tt><
a class="nodeco" href="javascript:void(0)" onmouseover="Tip('´Ë tooltip ¼ÈÎÞ±³¾°<br>Ò²Îޱ߿ò', BORDERWIDTH, 0, BGCOLOR, '', FONTWEIGHT, 'bold', FONTCOLOR, '#00AA00')">ÎÞ±³¾°<
/a><
/tt>.
<
tt><
font style="font-size: 12px;" size="2">
onmouseover="Tip('ijЩÎÄ×Ö', BGCOLOR, '#D3E3F6')"<
/font><
/tt>
<
tt><
font style="font-size: 12px;" size="2">
onmouseover="Tip('ijЩÎÄ×Ö', BGCOLOR, '')"<
/font><
/tt>
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('´ø±³¾°Í¼ÏñµÄ tooltip', BGIMG, '../images/tooltip/tt_bg.jpg', PADDING, 10, WIDTH, 180);">BGIMG<
/a><
/tt>
±³¾°Í¼Ïñ.
ȡֵ: Óõ¥ÒýºÅÀ¨ÆðÀ´µÄµ½Í¼ÏñµÄ·¾¶.
<
tt><
font style="font-size: 12px;" size="2">
onmouseover="Tip('ijЩÎÄ×Ö', BGIMG, '../images/tipbackground.gif')"<
/font><
/tt>
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('¸Ä±ä±ß¿òÑÕÉ«', BORDERCOLOR, '#dd00aa');">BORDERCOLOR<
/a><
/tt>
±ß¿òÑÕÉ«.
ȡֵ: Óõ¥ÒýºÅÀ¨ÆðÀ´µÄ HTML É«²Ê, ÀýÈç '#dd00aa'.
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('ÐéÏ߱߿ò', BORDERSTYLE, 'dashed', PADDING, 8);">BORDERSTYLE<
/a><
/tt>
±ß¿ò¸ñʽ.
ȡֵ: Óõ¥ÒýºÅÀ¨ÆðÀ´µÄ CSS ±ß¿ò¸ñʽ.
ÍÆ¼öֵΪ 'solid' (ĬÈÏ), 'dashed' »ò 'dotted', ÆäËüÖµ¿ÉÄܲ»ÊÊÓÃÓÚijЩä¯ÀÀÆ÷.
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('tooltip ±ß¿ò¿í¶È', BORDERWIDTH, 5);">BORDERWIDTH<
/a><
/tt>
tooltip ±ß¿ò¿í¶È.
ȡֵ: ·Ç¸ºÕûÊý. ĬÈÏÊÇ 1. 0 ±íʾÎÞ¿ò.
<
tt><
font style="font-size: 12px;" size="2">
onmouseover="Tip('ijЩÎÄ×Ö', BORDERWIDTH, 2)"<
/font><
/tt>
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('¾ÓÖд¦ÓÚÊó±êÏ·½', CENTERMOUSE, true, OFFSETX, 0, OFFSETY, 22);">CENTERMOUSE<
/a><
/tt>
ʹ tooltip ¾ÓÖд¦ÓÚÊó±êÏ·½(»òÉÏ·½).
ȡֵ: true »ò false.
tooltip ÀëÖÐÐĵÄË®Æ½Æ«ÒÆÁ¿ÕûÌåÓÉ wz_tooltip.js
(<
tt>ÉèÖÃ OffsetX<
/tt>
) ¹æ¶¨, »òÕßÀûÓà OFFSETX ÃüÁîÉ趨.
<
tt><
font style="font-size: 12px;" size="2">
onmouseover="Tip('ijЩÎÄ×Ö', CENTERMOUSE, true, OFFSETX, 0)"<
/font><
/tt>
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('ÓÉÓÚʹÓÃÁË CLICKCLOSE, true, Õâ¸ö tooltip ÊÇ "Õ³Ö͵Ä", µ«¿ÉÒÔͨ¹ýµã»÷ tooltip »òÎļþ¶ø¹Ø±Õ.', CLICKCLOSE, true, STICKY, true, WIDTH, 300);">CLICKCLOSE<
/a><
/tt>
µ±Óû§ÔÚ tooltip »òÎļþÄÚ²¿µã»÷²ÅÄÜ¹Ø±Õ´Ë tooltip.
ȡֵ: true, false.
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('¹Ø±Õ°´Å¥Î»ÓÚ±êÌâÀ¸', CLOSEBTN, true, STICKY, true);">CLOSEBTN<
/a><
/tt>
¹Ø±Õ°´Å¥Î»ÓÚ±êÌâÀ¸.
ȡֵ: true, false.
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('¸Ä±ä¹Ø±Õ°´Å¥µÄÑÕÉ«', CLOSEBTN, true, STICKY, true, CLOSEBTNCOLORS, ['#7799cc', '#ffaaaa', '#ffffff', '#ff0000']);">CLOSEBTNCOLORS<
/a><
/tt>
¹Ø±Õ°´Å¥µÄÑÕÉ«.
Æäȡֵ±ØÐëÊÇÓöººÅ·Ö¸ôµÄ 4 ¸öÑÕɫֵ. ÿ¸öÑÕÉ«·ÅÔÚÒ»¶Ôµ¥ÒýºÅÄÚ.
Õû¸öÊý×éÓÃÒ»¶Ô·½À¨ºÅÀ¨ÆðÀ´, ²Î¼ûÏÂÀý.
4 ¸öÑÕÉ«²ÎÊýµÄº¬ÒåÈçÏ : <
br>
1. ±³¾°É«
2. ÎÄ×ÖÉ«
3. µ±Êó±êÒÆÖÁ°´Å¥ÉÏÃæÊ±, ¼ÓÁÁµÄ±³¾°É«
4. µ±Êó±êÒÆÖÁ°´Å¥ÉÏÃæÊ±, ¼ÓÁÁµÄÎÄ×ÖÉ«
¿ÉÒÔÓÿմ® <
tt>
''<
/tt> ×÷ΪÑÕÉ«²ÎÊý,
´Ëʱ·Ö±ðʹÓñêÌâÀ¸µÄ±³¾°É«»òÎÄ×ÖÉ«×÷Ϊ°´Å¥µÄÑÕÉ«.
<
tt><
font class="tt" size="2">Tip
('ÎÄ×Ö', CLOSEBTN, true, CLOSEBTNCOLORS,
['',
'#66ff66',
'white',
'#00cc00'], STICKY, true
)<
/font><
/tt>
Õâ¸öÀý×ÓÀïµÄ±³¾°É«Êǿմ®, Òò´Ë¹Ø±Õ°´Å¥¼Ì³Ð±êÌâÀ¸µÄ±³¾°É«.
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('¸Ä±ä¹Ø±Õ°´Å¥µÄÎÄ×Ö', CLOSEBTN, true, STICKY, true, CLOSEBTNTEXT, 'µã»÷ÕâÀï');">CLOSEBTNTEXT<
/a><
/tt>
¹Ø±Õ°´Å¥µÄÎÄ×Ö.
ȡֵ±ØÐë·ÅÔÚµ¥ÒýºÅÀïÃæ.
Àý:
<
tt><
font class="tt" size="2">Tip
('Tooltip ÎÄ×Ö', CLOSEBTN, true, CLOSEBTNTEXT,
'µã»÷ÕâÀï', STICKY, true
)<
/font><
/tt>
ÔÚ wz_tooltip.js Àï±»ÕûÌåÔ¤ÖÃΪ '&nbsp;X&nbsp;' -
¿Õ¸ñ
'&nbsp;' ÓÃÀ´×÷Ϊ°´Å¥µÄˮƽÆÌµæ. <
/td>
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="TagToTip('T2tDirect', COPYCONTENT, false, PADDING, 0, BORDERWIDTH, 0, WIDTH, 280);">COPYCONTENT<
/a><
/tt>
<
div style="display: none;" id="T2tDirect">
Õâ¸ö DIV ʵ¼ÊÉÏÒѱ»·ÅÈëÎļþµÄ HTML,
µ«ËüÔÝʱת»»³ÉÒ»¸ö tooltip. <
/div>
COPYCONTENT ½öµ±Ê¹Óà <
tt>TagToTip
()<
/tt> ´´½¨ tooltip ʱ²ÅÓÐЧ, Ò²¾ÍÊÇ˵, µ±Ò»¸ö HTML ÔªËØ±»×ª»»³É tooltip ʱ.
ȡֵ: true, false.
ÈôÊÇ true (ÕâÊÇ wz_tooltip.js ÀïÔ¤ÖõÄĬÈÏÖµ), HTML µÄ½ö½öÒ»¶ÎÎÄ×Ö(»òÄÚ²¿ HTML)±»²åÈë tooltip.
ÈôÊÇ false, Õû¸ö HTML ÔªËØ(ËüµÄ DOM ½áµã)±»ÔÝʱת»»³ÉÒ»¸ö tooltip£¬
ÕâÔÚÒÔÏÂÇéÐοÉÄÜÓÐÓÃ:<
br>
1) Èç¹ûת»»³É tooltip µÄ HTML ÔªËØ°üº¬ÊäÈë±í¸ñ,
ÄÇô¼´Ê¹ tooltip ûÓÐÏÔʾ, µ±Ç°Óû§ÈÔÄÜÊäÈë. <
br>
2) tooltip ¼Ì³Ð HTML ÔªËØµÄ¸ñʽÐÔÖÊ.
ÏÂÀýÏÔʾͨ¹ýÔËÓà COPYCONTENT ²¢ÉèֵΪ <
tt>false<
/tt>, ÈçºÎ°ÑÒ»¸ö HTML ÔªËØÈ«²¿×ª»»³É tooltip:
<
tt><
font class="tt" size="2">TagToTip
('ij¸öʶ±ð·ûid', COPYCONTENT, false, BORDERWIDTH,
0, PADDING,
0)<
/font><
/tt>
Õâ¸öÀý×ӹرÕÁË tooltip µÄ×ÔÈ»±ß¿ò (BORDERWIDTH, 0),
²¢°Ñ tooltip µÄ×ÔÈ»ÆÌµæÉè³ÉÁã, ÕâÑù¾ÍÖ»ÏÔʾ HTML ÔªËØ±¾ÉíÉ趨µÄ±ß¿ò¼°ÆÌµæ.<
/td>
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('ÑÓ³Ù 1000 ms ²ÅÏÔʾ tooltip.<br><br>ÔÚ wz_tooltip.js (GLOBAL TOOLTIP CONFIGURATION) ÖÐÔ¤ÖÃÁË½Ï¶ÌµÄ 400 ms ÑÓ³Ù, ÕâÀï¿ÉÒԸıä. ²»¹ýҪעÒâ¹ý¶Ì»ò¹ý³¤ÓÚ 500 ms ¿ÉÄܻἤÆð²»¿ì.', DELAY, 1000, WIDTH, 360);">DELAY<
/a><
/tt>
¾Ò»¶ÎÑÓ³Ùºó²ÅÏÔʾ tooltip, ÒÔºÁÃëΪµ¥Î».
ȡֵ:
·Ç¸ºÕûÊý. 0 ÒâΪÎÞÑÓ³Ù.
ÔÚ wz_tooltip.js Ô¤ÖÃΪ 400.
<
tt><
font style="font-size: 12px;" size="2">
onmouseover="Tip('ijЩÎÄ×Ö', DELAY, 1000)"<
/font><
/tt>
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('Õâ¸öÌáʾµÄÉú´æÆÚÏÞÖÆÎª 2500 ºÁÃë', DURATION, 2500);">DURATION<
/a><
/tt>
ÌáʾÏÔʾµÄʱ¼ä, ÒÔºÁÃëΪµ¥Î».
¼´Ê¹Ê¹ÓÃÁË <
tt>STICKY<
/tt> ÃüÁî»òÉõÖÁÈÔȻλÓÚ´¥·¢ tooltip µÄ HTML ÔªËØÉÏ,
±¾ÃüÁîÈÔÈ»Æð×÷ÓÃ.
ȡֵ:
·Ç¸ºÕûÊý.
0 ±íʾÎÞÏÞÖÆ (ÕâÊÇĬÈÏÖµ)
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover=" Tip('½¥ÏÔ', FADEIN, 1000, PADDING, 10);">FADEIN<
/a><
/tt>
½¥ÏÔ.
Æäȡֵ (·Ç¸ºÕûÊý) ¹æ¶¨Á˽¥ÏÔ³ÖÐøÊ±¼ä, ÒÔºÁÃëΪµ¥Î».
0 ±íʾÎÞ½¥±ä.
ÔçÓÚ v.9.0 µÄ Opera, Safari µÄ¾É°æ±¾, ijЩ°æ±¾µÄ Konqueror ²»Ö§³Ö´ËÃüÁî.
ËüÃÇÖ»ÏÔʾͨ³£µÄÎÞ½¥±äµÄÌáʾ.
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover=" Tip('½¥µ', FADEOUT, 1000, PADDING, 10);">FADEOUT<
/a><
/tt>
½¥µ.
Æäȡֵ (·Ç¸ºÕûÊý) ¹æ¶¨Á˽¥µ³ÖÐøÊ±¼ä, ÒÔºÁÃëΪµ¥Î».
0 ±íʾÎÞ½¥±ä.
ÍÆ¼ö: Óë
<
tt><
a class="nodeco" href="javascript:void(0)" onmouseover="Tip('Àý<br><img src=\'../../data/maps/fr.jpg\' width=\'132\' height=\'141\' \/>', FADEIN, 800, FADEOUT, 800, TEXTALIGN, 'center', BGCOLOR, '#ffffff')">FADEIN<
/a><
/tt>
ÔçÓÚ v.9.0 µÄ Opera, Safari µÄ¾É°æ±¾, ijЩ°æ±¾µÄ Konqueror ²»Ö§³Ö´ËÃüÁî.
ËüÃÇÖ»ÏÔʾͨ³£µÄÎÞ½¥±äµÄÌáʾ.
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover=" Tip('Tooltip ·ÅÔÚÈ¡¶¨Î»ÖÃ', FIX, FixCalcXY(this));">FIX<
/a><
/tt>
ÔÚ×ø±ê [x, y] µÄµØ·½ÏÔʾ tooltip.
ȡֵ: Ó÷½À¨ºÅÀ¨ÆðÀ´µÄÒ»¶ÔÕûÊý.
<
tt>
onmouseover="Tip('ijЩÎÄ×Ö', FIX, [230, 874])"<
/tt>
ÄãÒ²¿ÉÒÔµ÷ÓÃÆäËüµØ·½¶¨ÒåµÄº¯Êý¶¯Ì¬µØ¼ÆËã×ø±ê:
<
tt>
onmouseover="Tip('ÎÄ×Ö', FIX, [CalcFixX(), CalcFixY()], BORDERWIDTH, 2)"<
/tt>
»ò
<
tt>
onmouseover="Tip('ÎÄ×Ö', FIX, CalcFixXY(), ABOVE, true)"<
/tt>
ÔÚºóÒ»ÇéÐÎ, º¯Êý CalcFixXY() ·µ»Ø°üº¬Á½¸öÊýµÄÊý×é.
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('ÓÉÓÚʹÓÃÁËÃüÁî FOLLOWMOUSE ²¢½Ó×Åȡֵ false, ´Ë tooltip ²»»á¸úËæÊó±êÒÆ¶¯', FOLLOWMOUSE, false, WIDTH, 300);">FOLLOWMOUSE<
/a><
/tt>
tooltip ¸úËæÊó±êÒÆ¶¯.
ȡֵ: true, false. ĬÈÏ: true.
µ±È¡Öµ false ¹ØµôÕâ¸öÃüÁîʱ, tooltip ²»»á¸úËæÊó±êÒÆ¶¯.
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('¸Ä±äÎÄ×ÖÉ«²Ê', FONTCOLOR, '#ff0000');">FONTCOLOR<
/a><
/tt>
¸Ä±äÎÄ×ÖÉ«²Ê.
ȡֵ: °üº¬ÔÚµ¥ÒýºÅÀïÃæµÄ HTML É«²Ê, ÀýÈç '#990099'
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('¸Ä±ä×ÖÌå', FONTFACE, 'Courier New, Courier, mono');">FONTFACE<
/a><
/tt>
¸Ä±ä×ÖÌå.
ȡֵ:
Èçͬ HTML »ò CSS ÀïʹÓõÄ×ÖÌåÃû³Æ, Óõ¥ÒýºÅÀ¨ÆðÀ´, ÀýÈç
<
tt>Tip
('ijЩÎÄ×Ö', FONTFACE,
'Arial, Helvetica, sans-serif', FONTSIZE,
'12pt')<
/tt>
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('¸Ä±ä×ÖÌå´óС', FONTSIZE, '72pt');">FONTSIZE<
/a><
/tt>
×ÖÌå´óС.
ȡֵ: ´øµ¥Î»µÄ¶ÈÁ¿, Óõ¥ÒýºÅÀ¨ÆðÀ´.
µ¥Î»¿ÉÒÔÊÇ 'px', 'pt', 'em' µÈ.
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('FONTWEIGHT, \'bold\'', FONTWEIGHT, 'bold');">FONTWEIGHT<
/a><
/tt>
×ÖÌå´Öϸ.
ȡֵ: 'normal' »ò 'bold', Óõ¥ÒýºÅÀ¨ÆðÀ´.
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('·ÅÔÚÁíÒ»²à', LEFT, true);">LEFT<
/a><
/tt>
°Ñ tooltip ·ÅÔÚÊó±êµÄ×ó±ß.
ȡֵ: true, false.
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('LEFT ºÍ ABOVE ÁªºÏʹÓÃ...', LEFT, true, ABOVE, true);">LEFT ºÍ ABOVE ÁªºÏʹÓÃ<
/a><
/tt>.
<
tt><
font style="font-size: 12px;" size="2">
onmouseover="Tip('ijЩÎÄ×Ö', LEFT, true, ABOVE, true)"<
/font><
/tt>
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('Ôö¼ÓË®Æ½Æ«ÒÆ', OFFSETX, 150);">OFFSETX<
/a><
/tt>
´ÓÊó±êµãµÄË®Æ½Æ«ÒÆ.
ȡֵ: ÈÎÒâÕûÊý. Ò²¿ÉÈ¡¸ºÖµ.
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('Ôö¼Ó´¹Ö±Æ«ÒÆ', OFFSETY, 70);">OFFSETY<
/a><
/tt>
´ÓÊó±êµãµÄË®Æ½Æ«ÒÆ.
ȡֵ: ÈÎÒâÕûÊý. Ò²¿ÉÈ¡¸ºÖµ.
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('°ë͸Ã÷µÄ tooltip', OPACITY, 70, PADDING, 14);">OPACITY<
/a><
/tt>
͸Ã÷³Ì¶È.
ȡֵ: ´Ó 0 (Íêȫ͸Ã÷) µ½ 100 (²»Í¸Ã÷) ¼äµÄÕûÊý.
²»Í¸Ã÷¶È
(opacity
)
=
100 - ͸Ã÷¶È
(È¡°Ù·Ö±È
).<
br>
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('<img src=../../data/maps/fr.jpg width=130 height=103><br>´øÓÐͼÐΡ¢ÒõÓ°¡¢±³¾°Í¼ÏñÒÔ¼°½¥ÏÔ½¥ÒþЧ¹ûµÄ tooltip', WIDTH, 180, OPACITY, 80, TEXTALIGN, 'center', TITLEALIGN, 'center', SHADOW, true, TITLE, 'Àý', BGIMG, '../../data/maps/it.jpg', FADEIN, 700, FADEOUT, 700);">ÁíÒ»Àý×Ó<
/a><
/tt>
Óõ½ÁË SHADOW, TEXTALIGN, BGIMG ÒÔ¼° FADEIN
/ FADEOUT ÃüÁî. <
br> <
br>
ÔçÓÚ v.9.0 µÄ Opera, Safari µÄ¾É°æ±¾, ijЩ°æ±¾µÄ Konqueror ²»Ö§³Ö´ËÃüÁî.
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('ÄÚÈÝÅÔÓÐ×ã¹»ÆÌµæµÄ tooltip', PADDING, 30);">PADDING<
/a><
/tt>
Ôڱ߽çÓëÌáʾÄÚÈݼäµÄÄÚ²¿ÆÌµæ¿Õ¼ä.
ȡֵ: ·Ç¸ºÕûÊý.
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('SHADOW, true', SHADOW, true);">SHADOW<
/a><
/tt>
´øÓÐÒõÓ°µÄ tooltip.
ȡֵ: true, false
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('Õâ¸öÌáʾÓÐÒõÓ° (SHADOW ÃüÁî),<br>¶øÇҸıäÁËËüµÄÒõÓ°ÑÕÉ« (SHADOWCOLOR ÃüÁî)', PADDING, 8, SHADOW, true, SHADOWCOLOR, '#dd99aa');">SHADOWCOLOR<
/a><
/tt>
<!--br>
ÒõÓ°ÑÕÉ«.
ȡֵ: ·ÅÔÚµ¥ÒýºÅÄÚ²¿µÄ HTML É«²Ê.
<
tt><
font style="font-size: 12px;" size="2">
onmouseover="Tip('ijЩÎÄ×Ö', SHADOW, true, SHADOWCOLOR, '#dd99aa')"<
/font><
/tt>
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('Ôö¼ÓÒõÓ°¿í¶È', SHADOW, true, SHADOWWIDTH, 10, PADDING, 8);">SHADOWWIDTH<
/a><
/tt>
ÒõÓ°¿í¶È (Æ«ÒÆ).
ȡֵ: ·Ç¸ºÕûÊý.
<
tt><
font style="font-size: 12px;" size="2">
onmouseover="Tip('ijЩÎÄ×Ö', SHADOW, true, SHADOWWIDTH, 7)"<
/font><
/tt>
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('STICKY, true<ul><li style=\'font-family:Verdana,Geneva,sans-serif;font-size:8pt;\'><a href=#top>Ò³¶¥<\/a><\/li><li style=\'font-family:Verdana,Geneva,sans-serif;font-size:8pt;\'><a href=\'#docu\'>Îļþ¿ªÊ¼<\/a><\/li><\/ul>', STICKY, true, CLICKCLOSE, true, PADDING, 6);">STICKY<
/a><
/tt>
Tooltip Í£ÁôÔÚ³õʼλÖÃÖ±ÖÁµ¯³öÁíÒ»¸ö tooltip.
ȡֵ: true, false.
ÀûÓÃ
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('STICKY, true, DURATION, 2500<br>Õâ¸öÌáʾÊÇÕ³Ö͵Ä, µ«ËüµÄÉú´æÖÜÆÚÏÞÖÆÔÚ 2.5 Ãë.', STICKY, true, CLICKCLOSE, true, DURATION, 2500, WIDTH, 280)">DURATION<
/a><
/tt>
Äã¿ÉÒÔÈà tooltip ¹ýÒ»¶Îʱ¼äºó×Ô¶¯Ïûʧ.
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('TEXTALIGN ÃüÁîȡֵ \'right\', \'center\', \'justify\' »ò \'left\', ×îºóÒ»¸öÖµÊǶàÓàµÄ, ÒòΪÕâÊÇĬÈÏÖµ.', WIDTH, 200, TITLE, 'ÓÒ¶Ë¶ÔÆëµÄÎÄ×Ö', TEXTALIGN, 'right');">TEXTALIGN<
/a><
/tt>
¹æ¶¨ÌáʾÄÚÈÝµÄ¶ÔÆë·½Ê½.
ȡֵ: 'right', 'center',
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('<img align=\'right\' src=\'..\/..\/data\/photos\/small.gif\' width=\'60\' height=\'40\'>ÕâÊÇÒ»¶ÎÏ൱³¤µÄÎÄ×Ö, ËüչʾÁËÃüÁî TEXTALIGN ȡֵ \'justify\' ºóµÄЧӦ. Çë×¢Òâ, ¶ÔÓÚÐÐÊý½ÏÉÙµÄÎÄ×Ö²»ÍƼöʹÓÃ¶ÔÆë - ÕâÒ²ÊÇÕâ¸ö tooltip µÄÇéÐÎ, ÌØ±ðÊÇÉÏÃæ»¹ÓÐÒ»¸öͼÏñµÄÇéÐÎ.', TITLE, 'ÎÄ×ÖÓëͼÏñ¶ÔÆë', TEXTALIGN, 'justify', WIDTH, 250);">
'justify'<
/a><
/tt>
»ò 'left'.
<
tt><
font style="font-size: 12px;" size="2">
onmouseover="Tip('ijЩÎÄ×Ö', TEXTALIGN, 'right')"<
/font><
/tt>
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('TITLE, \'ij¸ö±êÌâ\'', TITLE, 'ij¸ö±êÌâ');">TITLE<
/a><
/tt>
ÏÔʾ±êÌâÀ¸.
ȡֵ: ·ÅÔÚµ¥ÒýºÅÀïÃæµÄ±êÌâÎı¾.
¿ÉÒÔ°üº¬ HTML, ËüʹÄãÔÚÉè¼Æ±êÌâÀ¸Ê±Óиü¶àµÄ×ÔÓɶÈ.
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('TITLEALIGN ÃüÁî¿Éȡֵ \'right\', \'justify\' »ò \'left\', ×îºóµÄÖµÊǶàÓàµÄ, ÒòΪÕâÊÇĬÈÏÖµ.', WIDTH, 240, TITLE, 'ÓÒ¶Ë¶ÔÆëµÄ±êÌâ', TITLEALIGN, 'right');">TITLEALIGN<
/a><
/tt>
±êÌâÀ¸ÄÚÎÄ×ÖµÄ¶ÔÆë·½Ê½.
ȡֵ: 'right', 'center', 'justify' »ò 'left'
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('TITLEBGCOLOR, \'#990099\'', TITLE, '±êÌâ±³¾°É«', TITLEBGCOLOR, '#990099');">TITLEBGCOLOR<
/a><
/tt>
±êÌâÀ¸µÄ±³¾°É«.
ȡֵ: ·ÅÔÚµ¥ÒýºÅÀïÃæµÄ HTML ÑÕÉ«.
Èç¹ûËüÈ¡¿Õ´® <
tt>
''<
/tt>,
ÔòʹÓñ߽çµÄÑÕÉ« (²Î¼û BORDERCOLOR ÃüÁî), ÕâÒ²ÊÇĬÈÏÖµ.
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('TITLEFONTCOLOR, \'#ff6666\'', TITLE, 'ºìÉ«±êÌâ', TITLEFONTCOLOR, '#ff6666');">TITLEFONTCOLOR<
/a><
/tt>
±êÌâÎÄ×ÖµÄÑÕÉ«.
ȡֵ: ·ÅÔÚµ¥ÒýºÅÀïÃæµÄ HTML ÑÕÉ«.
Èç¹ûËüÈ¡¿Õ´® <
tt>
''<
/tt>,
ÔòʹÓà tooltip Ö÷ÌåµÄ±³¾°É« (²Î¼û BGCOLOR ÃüÁî), ÕâÒ²ÊÇĬÈÏÖµ.
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('TITLEFONTFACE, \'Courier New, Courier, mono\'', TITLE, '¸Ä±ä±êÌâ×ÖÌå', TITLEFONTFACE, 'Courier New, Courier, mono');">TITLEFONTFACE<
/a><
/tt>
±êÌâ×ÖÌå.
ȡֵ: ·ÅÔÚµ¥ÒýºÅÀïÃæµÄ HTML »ò CSS ¸ñʽ.
Èç¹ûËüÈ¡¿Õ´® <
tt>
''<
/tt>, ÔòʹÓà tooltip Ö÷ÌåµÄ×ÖÌå, ÕâÒ²ÊÇĬÈÏÖµ.
Àý:
<
tt><
font style="font-size: 12px;" size="2">
onmouseover="Tip('ijЩÎÄ×Ö', TITLE, 'ij¸ö±êÌâ', TITLEFONTFACE, 'Verdana,sans-serif')"<
/font><
/tt>
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('TITLEFONTSIZE, \'18pt\'', TITLE, '´ó±êÌâ', TITLEFONTSIZE, '18pt');">TITLEFONTSIZE<
/a><
/tt>
±êÌâ×ÖÌå´óС.
ȡֵ: ·ÅÔÚµ¥ÒýºÅÀïÃæµÄ´øµ¥Î»µÄ¶ÈÁ¿.
µ¥Î»¿ÉÈ¡ 'px', 'pt', 'em' µÈ.
Èç¹ûËüÈ¡¿Õ´® <
tt>
''<
/tt>, ÔòʹÓà tooltip Ö÷ÌåµÄ×ÖÌå´óС.
<
tr bgcolor="#ffffff" valign="top">
<
tt><
a class="nodeco" href="javascript:void(0);" onmouseover="Tip('WIDTH, 200', WIDTH, 200);">WIDTH<
/a><
/tt>
¿í¶È.
ȡֵ: ·Ç¸ºÕûÊý.
ÈôȡĬÈÏÖµ 0, ¿í¶È½«¸ù¾Ý tooltip µÄÄÚÈÝ×Ô¶¯µ÷Õû.
×¢Òâ tooltip ×ñ´Ó W3C box ģʽ,
Ò²¾ÍÊDZ»Ö¸¶¨µÄ¿í¶È½öÓ¦ÓÃÓÚ tooltip µÄʵ¼ÊÄÚÈÝ,
²»°üº¬ÆÌµæ (¼û PADDING ÃüÁî), ±ß½ç¼°ÒõÓ°.