e31231v3配什么主板:js高手帮我实现一下这个效果!

来源:百度文库 编辑:高校问答 时间:2024/04/29 13:25:43
这个是QQ直播的一个网页,我想实现客观存在里的的效果,鼠标放上去就出来个说明框!

哪个高手帮我把代码写一下啊!

最好写个说明!

谢谢了先!
http://cache.tv.qq.com/index_channel_list_ajax.htm

地址是上面这个!

我要的效果不仅仅只是一个说明,里面还要有图片和链接!
上面那个效果很难理解,哪个行行好做好了给我啊!

包括引用方法!

谢谢!

我这有个相同特效的JS代码

应用方法:
<script language=javascript src="mouse_on_title.js"></script>
在<a alt="这里加入你要显示的内容"></a>

JS代码如下:

//******************************默认设置定义******************************
tPopWait=50; //停留tWait豪秒后显示提示
tPopShow=6000; //显示tShow豪秒后关闭提示
showPopStep=20;
popOpacity=100; //提示框的透明度,百分比
fontcolor='#000000';
bgcolor='fafafa';
bordercolor='#FF8000';

//******************************内部变量定义******************************
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:'+fontcolor+';border:1px '+bordercolor+' solid;font-size:12px; border-left: 6px #FF8000 solid; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px;text-align:left; filter: Alpha(Opacity=6)}');
//document.write('.cPopText { background-color: ' + bgcolor + ';color:' + fontcolor + '; border: 1px ' + bordercolor + ' solid; 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>');
document.write('<div id=dypopLayer style=position:absolute;z-index:1000; ></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;