JQuery tooltip with HTML support


This tooltip is customized for adding html content as tooltip content.
You can put any formatted html as tooltip content. See the demo below, mouse over the icon and check the tooltip

How to call ?

$(document).ready(function(){
$(".formInfo").tooltip({tooltipcontentclass:"mycontent"})
});;

CSS : Here is the sample style used in this demo page.You can style this according to your site theme

#NT_copy {
background-color: #333333;
color: #FFFFFF;
font-weight: bold;
font-size: 13px;
font-family: "Trebuchet MS";
width: 300px;
left: 0;
top: 0;
padding: 4px;
position: absolute;
text-align: left;
z-index: 20;
-moz-border-radius: 0 10px 10px 10px;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
-moz-opacity: .87;
-khtml-opacity: .87;
opacity: .87;
}

,

  1. No comments yet.
(will not be published)
  1. No trackbacks yet.