ASP Source Code

Step 1 : Add Style sheet below the header Tag < style type ="text/css"> .tooltip { border-bottom : 1px dotted #000000 ; color : #000000 ; outline : none ; cursor : help ; text-decoration : blink ; position : relative ; } .tooltip span { margin-left : -999em ; position : absolute ; } .tooltip:hover span { border-radius : 5px 5px ; -moz-border-radius : 5px ; -webkit-border-radius : 5px ; box-shadow : 5px 5px 5px rgba(0, 0, 0, 0.1) ; -webkit-box-shadow : 5px 5px rgba(0, 0, 0, 0.1) ; -moz-box-shadow : 5px 5px rgba(0, 0, 0, 0.1) ; font-family : Calibri, Tahoma, Geneva, sans-serif ; position : absolute ; left : 1em ; top : 2em ; z-index : 99 ; margin-left : 0 ; width : 250px ; } .tooltip:hover img { border : 0 ; margin : -10px 0 0 -55px ; float : left ; position : absolute ; } .tooltip:hover em { font-family : Candara, Tahoma, Geneva...

 Tool tip by javascript: Copy the code under the </head> tag <style type="text/css"> #dhtmltooltip{ position: absolute; width: 150px; border: 2px solid black; padding: 2px; background-color: lightyellow; visibility: hidden; z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/ filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); } </style> Copy the code under the </body> Tab <div id="dhtmltooltip"></div> <script type="text/javascript"> var offsetxpoint=-60 //Customize x offset of tooltip var offsetypoint=20 //Customize y offset of tooltip var ie=document.all var ns6=document.getElementById && !document.all var enabletip=false if (ie||ns6) var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : "" function ietruebody(){ retu...