[求]这个效果怎么实现

chopper7278
快乐乔巴
等级:

发表于：2008-05-02 10:33:125楼得分:8

HTML code

<html>
<head>
<script Language="JavaScript"> 
//***********默认设置定义.********************* 
tPopWait=50;//停留tWait豪秒后显示提示。 
tPopShow=5000;//显示tShow豪秒后关闭提示 
showPopStep=20; 
popOpacity=99; 
//***************内部变量定义***************** 
sPop=null; 
curShow=null; 
tFadeOut=null; 
tFadeIn=null; 
tFadeWaiting=null; 
document.write("<style type='text/css'id='defaultPopStyle'>"); 
document.write(".cPopText {  background-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)}"); 
document.write("</style>"); 
document.write("<div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div>"); 
function showPopupText(){ 
var o=event.srcElement; 
MouseX=event.x; 
MouseY=event.y; 
if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""}; 
        if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""}; 
if(o.dypop!=sPop) { 
sPop=o.dypop; 
clearTimeout(curShow); 
clearTimeout(tFadeOut); 
clearTimeout(tFadeIn); 
clearTimeout(tFadeWaiting); 
if(sPop==null || sPop=="") { 
dypopLayer.innerHTML=""; 
dypopLayer.style.filter="Alpha()"; 
dypopLayer.filters.Alpha.opacity=0; 
} 
else { 
if(o.dyclass!=null) popStyle=o.dyclass  
else popStyle="cPopText"; 
curShow=setTimeout("showIt()",tPopWait); 
} 
} 
} 
function showIt(){ 
dypopLayer.className=popStyle; 
dypopLayer.innerHTML=sPop; 
popWidth=dypopLayer.clientWidth; 
popHeight=dypopLayer.clientHeight; 
if(MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24 
else popLeftAdjust=0; 
if(MouseY+12+popHeight>document.body.clientHeight) popTopAdjust=-popHeight-24 
else popTopAdjust=0; 
dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust; 
dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust; 
dypopLayer.style.filter="Alpha(Opacity=0)"; 
fadeOut(); 
} 
function fadeOut(){ 
if(dypopLayer.filters.Alpha.opacity<popOpacity) { 
dypopLayer.filters.Alpha.opacity+=showPopStep; 
tFadeOut=setTimeout("fadeOut()",1); 
} 
else { 
dypopLayer.filters.Alpha.opacity=popOpacity; 
tFadeWaiting=setTimeout("fadeIn()",tPopShow); 
} 
} 
function fadeIn(){ 
if(dypopLayer.filters.Alpha.opacity>0) { 
dypopLayer.filters.Alpha.opacity-=1; 
tFadeIn=setTimeout("fadeIn()",1); 
} 
} 
document.onmouseover=showPopupText; 
</script>
</head>
<body>
<a href="url" title="这是提示">tip</a> 
</body>
</html>

网上帮你找个例子，自己看看吧~

修改删除举报引用回复

以下代码我大致写了一下，根据你自己的实际情况稍加改动就可以。 <script language="javascript"> function clickit(x) { document.getElementById("showtable"+x).style.visibility="visible"; } function clickout(x) { document.getElementById("showtable"+x).style.visibility="hidden"; } </script> <% set rs_job=server.createobject("ADODB.Recordset") sql_job="select * from jobname order by addtime desc" rs_job.open sql_job,conn,1,3 n=1 do while not rs_job %> <a href="DDD.asp" target="_blank" id="pictureactive<%=n%>" onMouseOver="clickit(<%=n%>)" onMouseOut="clickout(<%=n%>)"><%=rs_job("jobname")%></a> <div id="showtable<%=n%>" style="visibility: hidden; width:175px;position:absolute;margin-top:87px;margin-left:-98px;" align="center" class="dv55" > <div align="left"><span class="style124"> <%=rs_job("jobname")%>(<%=rs_job("jobid")%>)<br>  <%=rs_job("weburl")%></span> </div> </div> <% rs_job.movenext n=n+1 loop rs_job.close set rs_job=nothing %>