⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 34.html

📁 javescript网页特效80个例子
💻 HTML
字号:
<html>
<head>
<title>显示链接信息的滚动条</title>
</head>
<body>
<div id="tooltip2" style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:lightyellow">
<layer name="nstip" width=1000px></layer>
</div>
<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 black">'+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()",25)
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>
<table border="0">
<tr>
<td>
<!--设置链接的URL地址以及滚动内容-->
<font face="宋体" size="3"><b> 
<a href="http://www.sina.com.cn" onMouseOver="showtip2(this,event,'链接到新浪')" onMouseOut="hidetip2()">新的链接</a></b></font>
</td>
<td>
<font face="宋体" size="3"><b>
<a href="http://www.sohu.com" onMouseOver="showtip2(this,event,'链接到搜狐')" onMouseOut="hidetip2()">新的链接</a></b></font>
</td>
<td>
<font face="宋体" size="3"><b>
<a href="#" onMouseOver="showtip2(this,event,'空链接1')" onMouseOut="hidetip2()">新的链接</a></b></font>
</td>
<td><font face="宋体" size="3"><b>
<a href="#" onMouseOver="showtip2(this,event,'空链接2')" onMouseOut="hidetip2()">新的链接</a> 
</b></font>
</td>
</tr>
<tr>
<td><font face="宋体" size="3"><b>
<a href="#" onMouseOver="showtip2(this,event,'空链接3')" onMouseOut="hidetip2()">新的链接</a></b></font>
</td>
<td><font face="宋体" size="3"><b>
<a href="#" onMouseOver="showtip2(this,event,'空链接4')" onMouseOut="hidetip2()">新的链接</a></b></font>
</td>
<td><font face="宋体" size="3"><b>
<a href="#" onMouseOver="showtip2(this,event,'空链接5')" onMouseOut="hidetip2()">新的链接</a></b></font>
</td>
<td></td>
</tr>
</table>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -