鼠标触及连接滚动提示信息

稿源：互联网 2022-05-15 08:02:03 点击： 354 撤稿纠错

鼠标移到链接文字上面，普通的title能显示信息，这个特效外加一个滚动效果，非常酷。

以下讨论的是和滚动特效相关的鼠标触及连接滚动提示信息教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html>
<head>
<title>阿里西西网页特效演示，鼠标触及连接滚动提示信息</title>
</head><body>

<style type="text/css">

</style>
<SCRIPT language=JavaScript>
if (!document.layers&&!document.all)
event="test"
function showtip2(current,e,text){

if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid blue">'+text+'</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){
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)
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"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}

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>
<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>

<A href="#" onmouseout=hidetip2() onmouseover="showtip2(this,event,'这是个不错的网站')" target=_blank>网页梦工厂</font></A><br>
<A href="#" onmouseout=hidetip2() onmouseover="showtip2(this,event,'很好的下载站点,速度快')" target=_blank>天空下载</font></A><br>
<A href="#" onmouseout=hidetip2() onmouseover="showtip2(this,event,'编程爱好者的乐园')" target=_blank>大富翁论坛</font></A><br>
<A href="#" onmouseout=hidetip2() onmouseover="showtip2(this,event,'这里有Delphi的好东东')" target=_blank>Codelphi</font></A><br>
<A href="#" onmouseout=hidetip2() onmouseover="showtip2(this,event,'程序员必看')" target=_blank>中国软件</font></A><br>
</body></html>
<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于鼠标触及连接滚动提示信息的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200807142530.shtml方便下次再访问哦。

·上一篇： 鼠标触及连接动态提示效果
·下一篇： 定时更换的超酷连接

鼠标触及连接滚动提示信息

文章分类LIST >>返回首页

最新游戏

最新新闻