Shadow hint example

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();