Shadow hint example
Here you can see that these two hints have different opacity:
Put mouse over to see Hint with shadow
Put mouse over to see Hint without shadow
var cthint1_html_sxppre = "<table width=157 border=0 cellpadding=0 cellspacing=0>" +
"<tr><td rowspan=2 valign=top><img src=\"hint/img/xp/s/ltl.gif\" width=22 height=12></td>" +
"<td><img src=\"hint/img/xp/s/tb.gif\" width=121 height=1></td>" +
"<td rowspan=2 valign=top><img src=\"hint/img/xp/s/rtn.gif\" width=13 height=12></td>" +
"<td><img src=\"hint/img/xp/s.gif\" width=1 height=1></td></tr>" +
"<tr><td background=\"hint/img/xp/s/bg.gif\" bgcolor=#FEFCE6 rowspan=3 align=center valign=middle>";
var cthint1_html_s = ua.ie5up ? "<img src=\"hint/img/s.gif\" width=1 height=1>" :
"<p style=\"margin:0;font-size:1px;color:#999999\">.</p>";
var cthint1_html_sxpaft = "</td><td><img src=\"hint/img/xp/s.gif\" width=1 height=11></td></tr>" +
"<tr><td><img src=\"hint/img/xp/s/lc.gif\" width=22 height=4></td>" +
"<td><img src=\"hint/img/xp/s/rn.gif\" width=13 height=4></td>" +
"<td><img src=\"hint/img/xp/s.gif\" width=1 height=4></td></tr>" +
"<tr><td rowspan=2 valign=bottom><img src=\"hint/img/xp/s/blc.gif\" width=22 height=31></td>" +
"<td rowspan=2 valign=bottom><img src=\"hint/img/xp/s/rbb.gif\" width=13 height=31></td>" +
"<td><img src=\"hint/img/xp/s.gif\" width=1 height=11></td></tr>" +
"<tr><td><img src=\"hint/img/xp/s/bc.gif\" width=121 height=20></td>" +
"<td><img src=\"hint/img/xp/s.gif\" width=1 height=20></td></tr></table>";
var cthint1_html_xppre = "<table width=155 border=0 cellpadding=0 cellspacing=0>" +
"<tr><td rowspan=2 valign=top><img src=\"hint/img/xp/ltl.gif\" width=22 height=12></td>" +
"<td><img src=\"hint/img/xp/tb.gif\" width=119 height=1></td>" +
"<td rowspan=2 valign=top><img src=\"hint/img/xp/rtn.gif\" width=13 height=12></td>" +
"<td><img src=\"hint/img/xp/s.gif\" width=1 height=1></td></tr>" +
"<tr><td background=\"hint/img/xp/bg.gif\" bgcolor=#FEFCE6 rowspan=3 align=center valign=middle>";
var cthint1_html = "<table cellpadding=0 cellspacing=0 border=0>" +
"<tr><td valign=middle><img src=\"hint/img/attention.gif\" width=18 height=15></td>" +
"<td valign=middle><p style=\"font-size:12px;margin-left:3px;margin-right:0;" +
"margin-top:0;margin-bottom:0\">XPHint Sample</p></td></tr></table>";
var cthint1_html_xpaft = "</td><td><img src=\"hint/img/xp/s.gif\" width=1 height=11></td></tr>" +
"<tr><td><img src=\"hint/img/xp/lc.gif\" width=22 height=2></td>" +
"<td><img src=\"hint/img/xp/rn.gif\" width=13 height=2></td>" +
"<td><img src=\"hint/img/xp/s.gif\" width=1 height=2></td></tr>" +
"<tr><td rowspan=2 valign=bottom><img src=\"hint/img/xp/blc.gif\" width=22 height=31></td>" +
"<td rowspan=2 valign=bottom><img src=\"hint/img/xp/rbb.gif\" width=13 height=31></td>" +
"<td><img src=\"hint/img/xp/s.gif\" width=1 height=11></td></tr>" +
"<tr><td><img src=\"hint/img/xp/bc.gif\" width=119 height=20></td>" +
"<td><img src=\"hint/img/xp/s.gif\" width=1 height=20></td></tr></table>";
var cthintS1 = new CT_Hint(157, 47, 2,"", true,-50, 9,
cthint1_html_sxppre + cthint1_html_s + cthint1_html_sxpaft, "", "", "",
{
width : 0, color : ""
}, true, 2,"Alpha(Opacity=55) ", 0,0, 5000
);
var cthint1 = new CT_Hint(155, 45, 2,"", true,-54, 5,
cthint1_html_xppre + cthint1_html + cthint1_html_xpaft, "", "", "",
{
width : 0, color : ""
}, true, 2,"Alpha(Opacity=80) ", 0,0, 5000
);
cthintS1.create();
cthint1.create();
|