这是个浮动窗口,一般用层
数据可能是从数据库中读出给你一个简单窗口,只要知道浮动原理可以了<html>
<head>
<title>
有提示的链接
</title>
<SCRIPT language=JavaScript>
if(!document.layers&&!document.all)
//测试浏览器是什么版本,这里指出它既非IE也非Netscape
event="test"
function showtip2(current,e,text)
{
if(document.all&&document.readyState=="complete")
//假如是IE浏览器且网页已读出
{
document.all.tooltip2.innerHTML='<marquee style="border:1px solid blue">'+text+'</marquee>'
//利用marquee标签实现从右移到左的文字效果
document.all.tooltip2.style.pixelLeft =event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop =event.clientY+document.body.scrollTop+10
//设置提示信息的出现位置
document.all.tooltip2.style.visibility="visible"
//设置提示信息可视
}
else
if (document.layers)
//假如是Netscape浏览器
{
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
//初始化提示信息出现位置
currentscroll=setInterval("scrolltip()",100)
//由于没有marquee标签,所以利用setInterval循环调用来实现
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
//设定提示信息出现位置
document.tooltip2.visibility="show"
//设置提示信息可视
}
}
function hidetip2()
{
if(document.all)
document.all.tooltip2.style.visibility="hidden"
//在浏览器是IE的情况下,隐藏提示信息
else
if(document.layers)
{
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
//在浏览器是Netscape的情况下,隐藏提示信息
}
} //这个函数是在浏览器是Netscape的情况下,作出文字移动效果
function scrolltip()
{
if(document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
} </SCRIPT></head><body> <DIV id=tooltip2 style="background-color: white; clip: rect(0px 150px 50px 0px); height: 1px; left: 2px; position: absolute; top: 0px; visibility: visible; width: 100px; z-index: 2">
<LAYER name="nstip" width="500px" bgColor="white">
</LAYER>
</DIV>
<br>
<center>
<A href="http://www.tsinghua.edu.cn" onmouseout=hidetip2() onmouseover="showtip2(this,event,'欢迎来到清华大学')" target=_blank>
清华大学主页
</A>
</center></body>
</html>
数据可能是从数据库中读出给你一个简单窗口,只要知道浮动原理可以了<html>
<head>
<title>
有提示的链接
</title>
<SCRIPT language=JavaScript>
if(!document.layers&&!document.all)
//测试浏览器是什么版本,这里指出它既非IE也非Netscape
event="test"
function showtip2(current,e,text)
{
if(document.all&&document.readyState=="complete")
//假如是IE浏览器且网页已读出
{
document.all.tooltip2.innerHTML='<marquee style="border:1px solid blue">'+text+'</marquee>'
//利用marquee标签实现从右移到左的文字效果
document.all.tooltip2.style.pixelLeft =event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop =event.clientY+document.body.scrollTop+10
//设置提示信息的出现位置
document.all.tooltip2.style.visibility="visible"
//设置提示信息可视
}
else
if (document.layers)
//假如是Netscape浏览器
{
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
//初始化提示信息出现位置
currentscroll=setInterval("scrolltip()",100)
//由于没有marquee标签,所以利用setInterval循环调用来实现
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
//设定提示信息出现位置
document.tooltip2.visibility="show"
//设置提示信息可视
}
}
function hidetip2()
{
if(document.all)
document.all.tooltip2.style.visibility="hidden"
//在浏览器是IE的情况下,隐藏提示信息
else
if(document.layers)
{
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
//在浏览器是Netscape的情况下,隐藏提示信息
}
} //这个函数是在浏览器是Netscape的情况下,作出文字移动效果
function scrolltip()
{
if(document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
} </SCRIPT></head><body> <DIV id=tooltip2 style="background-color: white; clip: rect(0px 150px 50px 0px); height: 1px; left: 2px; position: absolute; top: 0px; visibility: visible; width: 100px; z-index: 2">
<LAYER name="nstip" width="500px" bgColor="white">
</LAYER>
</DIV>
<br>
<center>
<A href="http://www.tsinghua.edu.cn" onmouseout=hidetip2() onmouseover="showtip2(this,event,'欢迎来到清华大学')" target=_blank>
清华大学主页
</A>
</center></body>
</html>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货