Tip: You can modify some of the code before running
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <ptml xmlns=" http://www.w3.org/1999/xhtml "> <pead> <meta http-equiv=" Content-type "content=" text/html; charset=gb2312 "/> <TITLE>JS header connection hint information </title> <script>//****************************** default settings definition * var ixuer_tipspop = null; var ixuer_tipsoffsetx = 10; The cue box is located on the left or right side of the mouse; 3-12 appropriate var ixuer_tipsoffsety = 15; The cue box is located below the mouse distance; 3-12 suitable var ixuer_tipspopbg = "#FFFFFF"; Hint box background color var IXUER_TIPSPOPFG = "InfoText"; Hint box foreground color var ixuer_tipsalpha = 90; Prompt box transparency, 100 is opaque var ixuer_tipsshadowcolor = "Threedlightshadow"; Hint box shadow color var ixuer_tipsshadowdirection = 135; Hint box Shadow direction var ixuer_tipstitlebg = "Activecaption"; Hint box title text background var IXUER_TIPSTITLEFG = "CaptionText"; Hint box title text color var ixuer_tipsbordercolor = "Activecaption"; Tip Box title border color var ixuer_tipsborder = 0; Tip Box title Border width var ixuer_tipsbasewidth = 200; //Tip Box Minimum width Note This value is best not to be less than the pixel width of the cue box var ixuer_tipstitle = ""; Prompt box title text var ixuer_tipssmalltitle = "System Prompt"; Prompt box subtitle text var ixuer_tipstitlect = ""///connector between title text and subtitle text var formobj; var usedform= "None"; ================================================================================== document.write (' <div id= Ixuer_tipslayer ></div> '); function Ixuer_tips () {var o=event.srcelement; if (o.alt==null && o.title==null) {return false;} if (o.alt!=null && o.alt!= "") {o.dypop=o.alt;o.alt= ""}; if (o.title!=null && o.title!= "") {o.dypop=o.title;o.title= ""}; Ixuer_tipspop=o.dypop; if (ixuer_tipspop!=null && ixuer_tipspop!= "" && typeof (Ixuer_tipspop)!= "undefined") {Ixuer_ tipslayer.style.left=-1000; Ixuer_tipslayer.style.display= '; var Msg = Ixuer_tipspop.replace (/n/g, "<br>"); Line feed MSG = Msg.replace (/r/g, "<br>"); return character if (ixuer_tipssmalltitle== "") {ixuer_tipstitlect= "";} var attr= (document.location.toString (). toLowerCase(). IndexOf ("list.asp") >0? " NoWrap ":" "); var content = ' <table +ixuer_tipsalpha+ ') Shadow (color= ' +ixuer_tipsshadowcolor+ ', direction= ' +ixuer_ Tipsshadowdirection+ '); "Id=tooltiptalbe border=0><tr><td width=" 100% "><table border=0 cellspacing= "' +ixuer_tipsborder+ '" cellpadding= "2" +ixuer_tipsbordercolor+ '; " > ' + ' <tr id=ixuer_tipspoptop><th +ixuer_tipstitlefg+ '; Background-color: ' +ixuer_tipstitlebg+ '; "Class=s><b><p id=topleft align=left> ' +iXuEr_TipsTitle+ Ixuer_tipstitlect+ixuer_tipssmalltitle+ ' </p><p id=topright align=right class=s> ' +iXuEr_TipsSmallTitle +ixuer_tipstitlect+ixuer_tipstitle+ ' </font></b></th></tr> ' + ' <tr><td ' +attr+ ' + Ixuer_tipspopbg+ '; Color: ' +ixuer_tipspopfg+ '; padding-left:10px; padding-right:10px; padding-top:4px; padding-bottom:4px; Line-height:135%;font-family:verdana, Arial, Helvetica, Sans-serif, "Song Dynasty"; "Class=s> ' +msg+ ' </td></tr> ' + ' <tr Id=ixuEr_tipspopbot class=s><th +ixuer_tipstitlefg+ '; Background-color: ' +ixuer_tipstitlebg+ '; class=s><b ><p id=botleft align=left> ' +ixuer_tipstitle+ixuer_tipstitlect+ixuer_tipssmalltitle+ ' </p><p id= Botright align=right > ' +ixuer_tipssmalltitle+ixuer_tipstitlect+ixuer_tipstitle+ ' </font></b></ Th></tr> ' + ' </table></td></tr></table> '; ixuer_tipslayer.innerhtml = content; var tooltipwidth = math.min (Ixuer_tipslayer.clientwidth, document.body.clientwidth/2.2); if (tooltipwidth<ixuer_tipsbasewidth) {tooltipwidth=ixuer_tipsbasewidth;} Tooltiptalbe.style.width=tooltipwidth; Movetomouseloc (); return true; }else{ixuer_tipslayer.innerhtml= '; Ixuer_tipslayer.style.display= ' None '; return true; }} function Movetomouseloc () {if (ixuer_tipslayer.innerhtml== ') {return true;} var mousex=event.x; var Mousey=event.y; var poptopadjust=0; window.status= "x:" +EVENT.OFFSETX; window.status+= "y:" +eVent.offsety; var popheight=ixuer_tipslayer.clientheight; var popwidth=ixuer_tipslayer.clientwidth; if (mousey+ixuer_tipsoffsety+popheight>document.body.clientheight) {poptopadjust=-popheight-ixuer_tipsoffsety *1.5; Ixuer_tipspoptop.style.display= "None"; Ixuer_tipspopbot.style.display= "None"; }else{poptopadjust=0; Ixuer_tipspoptop.style.display= "None"; Ixuer_tipspopbot.style.display= "None"; } if (mousex+ixuer_tipsoffsetx+popwidth>document.body.clientwidth) {popleftadjust=-popwidth-ixuer_tipsoffsetx* 2; Topleft.style.display= "None"; Botleft.style.display= "None"; Topright.style.display= "None"; Botright.style.display= "None"; }else{popleftadjust=0; Topleft.style.display= "None"; Botleft.style.display= "None"; Topright.style.display= "None"; Botright.style.display= "None"; } ixuer_tipslayer.style.left=mousex+ixuer_tipsoffsetx+document.body.scrollleft+popleftadjust; Ixuer_tipslayer.style.top=mousey+ixuer_tipsoffsety+document.body.scrolltop+poptopadjuSt return true; } document.onmousemove = Ixuer_tips; </script> </pead> <body><br/> <br/> <br/> <br/> <br/> <br <br/> <br/> Http://www.111cn.net/js_a/javascript-s/fdsahttp://www.111cn.net/js_a/javascript-s/fdsafa Tips Transparent Background TPs JS Title tips </body> </ptml>
Tip: You can modify some of the code before running