求一个特效,鼠标移到表格背景的随便某个位置出现提示文字信息,有无相关代码?
就是说在这个表格内移动鼠标会出现跟随文字,有什么办法可以实现这个效果? 问题点数：20、回复次数：9Top
1 楼Mars_ZHOU（）回复于 2006-06-01 11:59:46 得分 10
你说的是 tilte吧
Top
2 楼netdust（静时常思己过，闲谈勿论人非）回复于 2006-06-01 13:55:16 得分 10
//名称:coolalt.js
//功能:改写alt或者title提示
//示例:链接此文件即可
//***********默认设置定义.*********************
tPopWait=50;//停留tWait豪秒后显示提示。
tPopShow=5000;//显示tShow豪秒后关闭提示
showPopStep=20;
popOpacity=99;
xbgColor="#ffff99";//背景颜色
xfontColor="#000000";//字体颜色
xfontSize="9pt";//字体大小
//***************内部变量定义*****************
sPop=null;
curShow=null;
tFadeOut=null;
tFadeIn=null;
tFadeWaiting=null;
//************alt或者title的样式**************
document.write("<style type='text/css' id='defaultPopStyle'>");
document.write(".cPopText { background-color:"+xbgColor+";border: 1px #000000 solid;color:"+xfontColor+";font-size:"+xfontSize+"; padding-right: 2px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 0px; filter: Alpha(Opacity=0)}");
document.write("</style>");
document.write("<div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div>");
//以此函数代替alt或者title，并清空之
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;
MouseX+=12;
if (MouseX+popWidth>document.body.clientWidth)
MouseX=document.body.clientWidth-popWidth;
if (MouseX<0) MouseX=0;
MouseX+=document.body.scrollLeft;
MouseY+=12+document.body.scrollTop;
dypopLayer.style.left=MouseX;
dypopLayer.style.top=MouseY;
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;
if (tPopShow>=0) tFadeWaiting=setTimeout("fadeIn()",tPopShow);
}
}
//淡入的函数
function fadeIn(){
if(dypopLayer.filters.Alpha.opacity>0) {
dypopLayer.filters.Alpha.opacity -= 1;
tFadeIn=setTimeout("fadeIn()",1);
}
}
//调用
document.onmouseover=showPopupText;
Top
3 楼ahcpx（天雪）回复于 2006-06-01 14:18:53 得分 0
代码不错，支持一下Top
4 楼fdx2304（）回复于 2006-06-01 15:24:28 得分 0
汗,发现楼主的js代码不会用,没研究过js,打算先看一下相关资料,请问还有java脚本的代码么?Top
5 楼lym1314（一枝梅）回复于 2006-06-01 15:49:18 得分 0
用Title啊Top
6 楼sy_binbin（）回复于 2006-06-01 15:52:18 得分 0
title比较简单Top
7 楼fdx2304（）回复于 2006-06-01 16:17:15 得分 0
啊，我要在页面中提示啊，不是用title吧？那个不是要移到浏览器标签栏才可以看得到？Top
8 楼charky（皓飞）回复于 2006-06-09 16:00:31 得分 0
好漂亮的代码Top
9 楼wangyanyan（亮出宝剑）回复于 2006-06-09 16:25:06 得分 0
顶Top
