JavaScript·JavaScript 实例教程 -- 追寻梦想＞编程乐园

您的位置：寻梦网首页＞编程乐园＞JavaScript＞JavaScript 实例教程

JavaScript 实例教程

名称

菜单的滚动文字说明

实例

网页设计师

教程

第一步：拷贝下面的代码到你的html文件的<head>和</head>之间；

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

第二步：拷贝下面的代码到你的html文件的<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>

第三步：将您的超链接代码改为如下形式：

<A href="http://pageone.yeah.net" onmouseout=hidetip2()
onmouseover="showtip2(this,event,'希望学习实在有用的网页技术吗，请到《网页设计师》来。')" target=_blank>网页设计师</A>

说明：此脚本不支持NC汉字显示。