Русский
<HTML> <HEAD> <title>Классная демонстрация эффекта текстовой подсказки</title> <style> .tableBorder7{width:800;solid; background-color: #000000;} TD{font-family: 宋体; : 12px;line-height: 15px;} th{background-color: #f7f7f7;color: #000000;font-size: 12px;font-weight:bold;} th.th1{background-color: #333333 ;} td .TableBody7{background-color: #B1EA45;} </style> <script Language="JavaScript"> //больше JavaScript с http://www.downcodes.com <!-- var pltsPop=null; var pltsoffsetX = 10; ; // Расстояние, на котором всплывающее окно расположено слева или справа от мыши; подходит значение 3-12 var pltsoffsetY = 15 // Расстояние, на котором всплывающее окно находится под мышью; подходит var pltsPopbg="#FFFFEE"; //Цвет фона var pltsPopfg="#111111"; //Цвет переднего плана var pltsTitle=""; document.write('<div id=pltsTipLayer style="display: none;position : Absolute; z-index:10001">< /div>'); function pltsinits() { document.onmouseover = plts; document.onmousemove = moveToMouseLoc; } function plts() { var o=event.srcElement; if(o .alt!=null && o.alt!= ""){o.dypop=o.alt;o.alt=""}; if(o.title!=null && o.title!=""){o .dypop=o.title;o.title= ""}; pltsPop=o.dypop; if(pltsPop!=null&&pltsPop!=""&&typeof(pltsPop)!="undefined") { pltsTipLayer.style.left=-1000 ; pltsTipLayer.style.display=''; var Msg=pltsPop.replace(/n/g,"<br>"); Msg=Msg.replace(/ x13/g,"<br>"); re=/{(.[^{ ]*)}/ig; if(!re.test(Msg))pltsTitle="<font color=#ffffff>Введение</font>"; /{(.[^{]* )}(.*)/ig; pltsTitle=Msg.replace(re,"$1")+" "; re=/{(.[^{]* )}/ig; Msg=Msg.replace (re,""); Msg=Msg.replace("<br>","");} var attr=(document.location.toString().toLowerCase() .indexOf("list.asp")>0 ?"nowrap":""); var content = '<table style="FILTER:alpha(opacity=90)shadow(color=#bbbbbb,direction=135);" id=toolTipTalbe border=0><tr>< td width="100%"><table class=tableBorder7 cellpacing="1" cellpadding="0" style="width:100%">'+ '<tr id= pltsPoptop ><th height=18 valign=bottom class =th1 ><b><p id=topleft align=left><font color=#ffffff>↖</font>'+pltsTitle+'</p><p id= topright align=right style="display:none" >'+pltsTitle+'<font color=#ffffff>↗</font></b></th></tr>'+ '<tr><td "+ attr+" class=tablebody7 style="padding-left:14px;padding-right:14px;padding-top: 6px;padding-bottom:6px;line-height:135%">'+Msg+'</td></ tr>'+ '<tr id=pltsPopbot style ="display:none"><th height=18 valign=bottom class=th1><b><p id=botleft align=left><font color=#ffffff>↙ </font>'+pltsTitle+'</p ><p id=botright align=right style="display:none">'+pltsTitle+'<font color=#ffffff>↘</font></b></ th></tr>'+ '</ table></td></tr></table>'; pltsTipLayer.innerHTML=content;toolTipTalbe.style.width=Math.min(pltsTipLayer.clientWidth,document.body) .clientWidth/2.2); moveToMouseLoc(); return true } else { pltsTipLayer.innerHTML=''; pltsTipLayer.style.display='none'; return true; } } function moveToMouseLoc() { if(pltsTipLayer.innerHTML== '') вернуть true; var MouseX=event.y; //window.status=event.y; var popHeight=pltsTipLayer.clientHeight; var popWidth=pltsTipLayer.clientWidth; if(MouseY+pltsoffsetY+ popHeight>document.body.clientHeight) { popTopAdjust= -popHeight-pltsoffsetY*1.5; pltsPoptop.style.display="none"; pltsPopbot.style.display=""; else { popTopAdjust=0; ""; pltsPopbot.style.display="none "; } if(MouseX+pltsoffsetX+popWidth>document.body.clientWidth) { popLeftAdjust=-popWidth-pltsoffsetX*2; topleft.style.display="none"; style.display="none"; topright.style .display=""; botright.style.display=""; } else { popLeftAdjust=0; botleft.style.display="" ; topright.style.display="none"; botright.style.display="none"; } pltsTipLayer.style.left=MouseX+pltsoffsetX+document.body.scrollLeft+popLeftAdjust; pltsTipLayer.style.top=MouseY+pltsoffsetY+ document.body.scrollTop+popTopAdjust; return true; } pltsinits(); //--> </script> </HEAD> <BODY> <a href=# title="Я не могу вспомнить прощание с Западом" Башня, когда я пьян, но так легко собраться и разойтись в весенних мечтах и осенних облаках. <br>Сейчас полумесяц, а я мало сплю. На экране живописи неторопливо отображается У Шаньцуй. <br>Пятна от вина на одежде и строки в стихах всегда передают ощущение запустения. <br>Красная свеча жалеет себя и не имеет добрых планов, и ночь холодна, и небо плачет о других. ">Диеляньхуа</a>