查看: 2129|回复: 1

支持HTML语法的TITLE效果

[复制链接]
发表于 2005-4-27 14:56:17 | 显示全部楼层 |阅读模式
<>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt;<BR>&lt;HTML&gt;<BR>&lt;HEAD&gt;<BR>&lt;TITLE&gt; New Document &lt;/TITLE&gt;<BR>&lt;SCRIPT language=JavaScript&gt;<BR>//***********默认设置定义.*********************<BR>tPopWait=50;//停留tWait豪秒后显示提示。<BR>tPopShow=5000;//显示tShow豪秒后关闭提示<BR>showPopStep=20;<BR>popOpacity=99;<BR>//***************内部变量定义*****************<BR>sPop=null;<BR>curShow=null;<BR>tFadeOut=null;<BR>tFadeIn=null;<BR>tFadeWaiting=null;<BR><BR>document.write("&lt;style type='text/css'id='defaultPopStyle'&gt;");<BR>document.write(".cPopText {  background-</P>
<>color: #F8F8F5;color:#000000; border: 1px #000000 solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}");<BR>document.write("&lt;/style&gt;");<BR>document.write("&lt;div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'&gt;&lt;/div&gt;");<BR><BR><BR>function showPopupText(){<BR>var o=event.srcElement;<BR> MouseX=event.x;<BR>MouseY=event.y;<BR> if(o.alt!=null &amp;&amp; o.alt!=""){o.dypop=o.alt;o.alt=""};<BR>        if(o.title!=null &amp;&amp; o.title!=""){o.dypop=o.title;o.title=""};<BR> if(o.dypop!=sPop) {<BR>   sPop=o.dypop;<BR>   clearTimeout(curShow);<BR>   clearTimeout(tFadeOut);<BR>   clearTimeout(tFadeIn);<BR>   clearTimeout(tFadeWaiting);<BR>   if(sPop==null || sPop=="") {<BR>    dypopLayer.innerHTML="";<BR>    dypopLayer.style.filter="Alpha()";<BR>    dypopLayer.filters.Alpha.opacity=0;<BR>    }<BR>   else {<BR>    if(o.dyclass!=null) popStyle=o.dyclass<BR>     else popStyle="cPopText";<BR>    curShow=setTimeout("showIt()",tPopWait);<BR>   }<BR><BR> }<BR>}<BR><BR>function showIt(){<BR>  dypopLayer.className=popStyle;<BR>  dypopLayer.innerHTML=sPop;<BR>  popWidth=dypopLayer.clientWidth;<BR>  popHeight=dypopLayer.clientHeight;<BR>  if(MouseX+12+popWidth&gt;document.body.clientWidth) popLeftAdjust=-popWidth-24<BR>   else popLeftAdjust=0;<BR>  if(MouseY+12+popHeight&gt;document.body.clientHeight) popTopAdjust=-popHeight-24<BR>   else popTopAdjust=0;<BR>  dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust;<BR>  dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust;<BR>  dypopLayer.style.filter="Alpha(Opacity=0)";<BR>  fadeOut();<BR>}<BR><BR>function fadeOut(){<BR> if(dypopLayer.filters.Alpha.opacity&lt;popOpacity) {<BR>  dypopLayer.filters.Alpha.opacity+=showPopStep;<BR>  tFadeOut=setTimeout("fadeOut()",1);<BR>  }<BR>  else {<BR>   dypopLayer.filters.Alpha.opacity=popOpacity;<BR>   tFadeWaiting=setTimeout("fadeIn()",tPopShow);<BR>   }<BR>}<BR><BR>function fadeIn(){<BR> if(dypopLayer.filters.Alpha.opacity&gt;0) {<BR>  dypopLayer.filters.Alpha.opacity-=1;<BR>  tFadeIn=setTimeout("fadeIn()",1);<BR>  }<BR>}<BR>document.onmouseover=showPopupText;<BR>&lt;/SCRIPT&gt;<BR>&lt;/HEAD&gt;<BR><BR>&lt;BODY&gt;<BR>&lt;A HREF="#" title="呱呱&lt;br&gt;sdfsdf&lt;img src='http://www.microsoft.com/china/msdn/Archives/library/images/orgchart.gif'&gt;"&gt;蛙蛙王子&lt;/A&gt; <BR>&lt;/BODY&gt;<BR>&lt;/HTML&gt;<BR></P>
回复

使用道具 举报

发表于 2005-4-27 17:06:41 | 显示全部楼层
<>有没有什么演示的啊</P>

<>这么看</P>
<>我不懂哦</P>
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条


关注公众号

相关侵权、举报、投诉及建议等,请发 E-mail:admin@discuz.vip

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖QQ客服返回顶部