〖文章分类:电脑·手机·网络 / HTML·CSS·JavaScript〗〖阅读选项〗 |
|
在 <head></head> 加入以下 JavaScript 代码,注意:先要把代码中的符号’替换为',否则不能正常运行
-------------------------------------------------------------------------------------------------- <script Language="JavaScript"> <!-- tPopWait=10; //设置停留多少豪秒后显示提示文字 tPopShow=60000; //设置显示多少豪秒后关闭提示文字 showPopStep=100; popOpacity=100; fontco="#000000"; //设置提示文字的字体颜色 fontfa="Verdana,Arial,Helvetica,sans-serif,宋体"; //设置提示文字的显示字体 fontsi="12px"; //设置提示文字的大小 bgcolor="#FFFFCC"; //设置提示框的背景颜色 bordercolor="#000000"; //设置提示框边框的颜色
sPop=null;curShow=null;tFadeOut=null;tFadeIn=null;tFadeWaiting=null;
document.write("<style type=’text/css’id=’defaultPopStyle’>"); document.write(".cPopText{background-color:" + bgcolor + ";color:" + fontco + ";font-family:" + fontfa + "; border:1px " + bordercolor + " solid;font-size:" + fontsi + "; padding-right:4px; padding-left:4px; height: 10px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}"); document.write("</style>"); document.write("<div id=’dypopLayer’ style=’position:absolute;z-index:100;’ 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> --------------------------------------------------------------------------------------------------
在链接的 title="" 写上提示文字就可以了,以下是例子
<a href="http://www.gueeon.cn" title="欢迎访问">啊估网站</a>
|
文章作者:未知 更新日期:2006-08-30 |
〖文章浏览:〗〖打印文章〗〖发送文章〗 |
|
|
|