高手看看吧

用popup可以么？
 try this:<HTML>
<HEAD>
<TITLE>Creating Dynamic Pop-up Elements with IE 5.5</TITLE>
</HEAD>
<LINK ID="oCSS" REL=STYLESHEET HREF="popup.css" TYPE="text/css"><SCRIPT LANGUAGE="JScript">
var oPopup = window.createPopup()function goPop(oHeight)
{
  var oPopupBody = oPopup.document.body;
  var lefter = event.offsetY+10;
  var topper = event.offsetX+10;  oPopupBody.innerHTML = styleDiv.innerHTML;
  oPopup.show(topper, lefter, 200, oHeight, document.body);
  document.body.onmouseup = closePopup;
}function goContext(oHeight)
{
  var oPopupBody = oPopup.document.body;
  var lefter = event.offsetY+10;
  var topper = event.offsetX+10;  oPopupBody.innerHTML = oContext.innerHTML;
  oPopup.show(topper, lefter, 207, oHeight, document.body);
  document.body.onmouseup = closePopup;
}function closePopup()
{
  oPopup.hide();
}function fillPopup(titler, texter, linker)
{
  oTitle.innerText=titler;
  oText.innerText=texter;
  oLinkStore.innerText=linker;
}
</SCRIPT></HEAD><BODY STYLE="font-family:verdana; font-size:70%" oncontextmenu="goContext('87'); return false" > 
<DIV CLASS="bar title">Creating Dynamic Pop-up Elem<DIV CLASS="desbar">
    <P><BR><BR><BR> <BR> 
    </P>
    <DIV STYLE="padding:10px; border:1px solid #cccccc">
      Creating Dynamic Pop-up Elements with <SPAN TITLE="Click here to view definition" onclick=" fillPopup('Internet Explorer','Application developed to browse the World Wide Web','http://www.microsoft.com/ie'); goPop('100');" STYLE="cursor:hand"><B>IE 5.5</B></SPAN> is easy now that the developers at <SPAN TITLE="Click here to view definition" onclick=" fillPopup('Microsoft Corp.','A great place to work','http://www.microsoft.com'); goPop('100');" STYLE="cursor:hand"><B>Microsoft</B></SPAN> have implemented it into the latest version of their Web browser. To learn how to use <SPAN TITLE="Click here to view definition" onclick=" fillPopup('pop-up','A type of overlapped window typically used for dialog boxes, message boxes, and other temporary windows.','http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/popup.asp'); goPop('118');" STYLE="cursor:hand"><B>pop-up</B></SPAN> and other <SPAN TITLE="Click here to view definition" onclick=" fillPopup('DHTML','Dynamic Hyper-Text Markup Language','http://msdn.microsoft.com/workshop'); goPop('100');" STYLE="cursor:hand"><B>DHTML</B></SPAN> features, see the <SPAN TITLE="Click here to view definition" onclick=" fillPopup('MSDN','Microsoft Developers Network','http://msdn.microsoft.com'); goPop('100');" STYLE="cursor:hand"><B>MSDN Web Workshop</B></SPAN>.<BR><BR>
      </DIV>
<BR><!-- This is the formatting that the pop-up will use -->
<DIV ID="styleDiv" STYLE="display:none">
<DIV STYLE="position:absolute; top:0; left:0; background:#ffffff; border:1px solid #6699cc; width:200; height:100px; font-family:verdana; font-size:9pt; border:1px solid black;   z-index:3 ;"><DIV ID="oTitle" STYLE="position:relative; width:100%; background:#ffffff; height:20px; font-weight:bold; padding:5px; font-size:10pt; ; filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#00ffffff', startColorstr='#FF99CCFF', gradientType='1'); ">Title of tip</DIV><DIV ID="oText" STYLE="padding:5px"></DIV>
<DIV ID="oLink" STYLE="cursor:hand; font-weight:bold; color:#6699CC; padding:5px" onclick="parent.oIframe.location.href =oLinkStore.innerText">Go there...</DIV>
<DIV ID="oLinkStore" STYLE="display:none" ></DIV>
</DIV>
</DIV><DIV ID="oContext" STYLE="display:none">
<DIV STYLE="position:relative; top:0; left:0; border:2px solid black;  border-top:2px solid #cccccc; border-left:2px solid #cccccc; background:#666666; height:110px; width:207px;">
<DIV STYLE="position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black; font-family:verdana; font-weight:bold; padding:2px; padding-left:10px; font-size:8pt; cursor:hand" onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#cccccc'" onclick="parent.oIframe.location.href='iframe4popup.htm';">
<IMG SRC="img/home.gif" ALIGN="absmiddle">&nbsp;&nbsp;Home</DIV><DIV STYLE="position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black; font-family:verdana; font-weight:bold; padding:2px; padding-left:10px; font-size:8pt; cursor:hand" onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#cccccc'" onclick="parent.oIframe.location.href='http://search.microsoft.com';">
<IMG SRC="img/search.gif" ALIGN="absmiddle">&nbsp;&nbsp;Search</DIV><DIV STYLE="position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black; font-family:verdana; font-weight:bold; padding:2px; padding-left:10px; font-size:8pt; cursor:hand" onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#cccccc'" onclick="parent.oIframe.location.href='http://www.microsoft.com/ie';">
<IMG SRC="img/ielogo.gif" ALIGN="absmiddle">&nbsp;&nbsp;Intenet Explorer</DIV><DIV STYLE="position:relative; top:0; left:0; background:#cccccc; border:1px solid black; border-top: 1px solid white; border-left:1px solid white; height:20px; color:black; font-family:verdana; font-weight:bold; padding:2px; padding-left:10px; font-size:8pt; cursor:hand" onmouseover="this.style.background='#ffffff'" onmouseout="this.style.background='#cccccc'" onclick="parent.oIframe.location.href='http://www.microsoft.com/info/cpyright.htm';">
</DIV>
</DIV>
</DIV>
</DIV>
</DIV></BODY>
</HTML>

解决方案 »

  1.   

    <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="#" title="我想请问斑竹？<br>作者：农民<br>发表于2002-6-3 20:17:16<br>最后跟贴：呵呵，是住我们......">我想请问斑竹？</a>接着前面的      
    </body></html>
      

  2.   

    这个问题我已解决，与大家共享！！！
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <STYLE type=text/css>BODY {
    MARGIN-TOP: 0px; FONT-SIZE: 9pt; MARGIN-LEFT: 4px; MARGIN-RIGHT: 0px; FONT-FAMILY: "宋体"
    }
    A {
    FONT-WEIGHT: 400; FONT-SIZE: 13px; COLOR: black; TEXT-DECORATION: none
    }
    A:hover {
    FONT-WEIGHT: 400; FONT-SIZE: 13px; COLOR: red; TEXT-DECORATION: underline
    }
    A:active {
    FONT: 9pt "宋体"; CURSOR: hand; COLOR: #ff0033
    }
    </style>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body>
    <script>function show(tips,flag,url){
    var my_tips=document.all.mytips;
    if(flag){
        my_tips.style.display="";
        if (url!=null){my_tips.innerHTML="<img src='"+url+"'align=left>"+tips;}
        else{ my_tips.innerHTML=tips;}
        my_tips.style.left=event.clientX+10;
        my_tips.style.top=event.clientY+10;
       }
    else 
      {
       my_tips.style.display="none";
       }
    }
    </script><a href="#" tips="自定义提示" onmousemove=show(this.tips,1) onmouseout=show(this.tips,0)>测试链接</a>
    <a href="#" tips="又一个自定义提示" onmousemove=show(this.tips,1,'http://be10.ods.org/51js/images/standard/online_member.gif') onmouseout=show(this.tips,0)>测试链接</a>
    <a href="#" tips="中华人民共和国中华人民共和国自定义提示" onmousemove=show(this.tips,1,'http://be10.ods.org/51js/images/standard/online_moderator.gif') onmouseout=show(this.tips,0)>测试链接</a><div id=mytips style="position:absolute;width:150;height:16;border:1 gray solid;font-size:9pt;background-color:#ffffff;color:red;display:none;filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3);">
    </div>
    </body>
    </html>