跑马灯式样的站点链接说明,链接提示,只要把鼠标移动到带链接的文字上,就会出现一个带方框的链接提示效果,而且还带有滚动特效,一款不错的链接提示代码。
<html>
<head>
<title>河北礼品公司</title>
</head>
<body link="#000000">
<div id="tooltip" style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:cfefcf">
<layer name="nstip" width=1000px bgColor="ffffff"></layer>
</div>
<SCRIPT language="JavaScript">
<!--
if (!document.layers&&!document.all)
event="test"
//显示提示信息
function showtip(current,e,text){
if (document.all && document.readyState=="complete"){ //如果浏览器是IE,并且整个页面已经下载完毕
document.all.tooltip.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>' //在浮动提示层里写入滚动消息
document.all.tooltip.style.pixelLeft=event.clientX+document.body.scrollLeft+10 /*根据鼠标位置调整层的位置*/
document.all.tooltip.style.pixelTop=event.clientY+document.body.scrollTop+10 /*让浮动层处于鼠标附近*/
document.all.tooltip.style.visibility="visible" //显示提示
}
else if (document.layers){ //如果浏览器是NS
document.tooltip.document.nstip.document.write('<b>'+text+'</b>')//写入消息信息
document.tooltip.document.nstip.document.close() //关闭文本流
document.tooltip.document.nstip.left=0 //调整文本的位置
currentscroll=setInterval("scrolltip()",100) //卷动提示文本
document.tooltip.left=e.pageX+10 /*根据鼠标位置调整层的位置*/
document.tooltip.top=e.pageY+10
document.tooltip.visibility="show" //显示提示
}
}
//隐藏提示
function hidetip(){
if (document.all) //如果是IE
document.all.tooltip.style.visibility="hidden" //将层属性设为不可见
else if (document.layers){ //如果是NS
clearInterval(currentscroll) //停止滚动
document.tooltip.visibility="hidden" //将层属性设为隐藏
}
}
//在NS滚动提示信息
function scrolltip(){ /*提示层还处于可见部分*/
if (document.tooltip.document.nstip.left>=-document.tooltip.document.nstip.document.width)
document.tooltip.document.nstip.left-=5 //将消息向左边滚动
else //否则(消息已经滚动出左边界)
document.tooltip.document.nstip.left=150 //将消息放到右边准备重新从右边滚动出来
}
//-->
</SCRIPT>
<table border="0">
<tr>
<td><b>
<a href="/" onMouseOver="showtip(this,event,'鼠标等等我!')" onMouseOut="hidetip()"><font size="5">鼠标移过来</font></a>
</b></td>
</tr>
</table>
</body>
</html>