MarqueeMove跑马灯显示的提示ToolPit

来源:互联网 发布:多线程编程java 编辑:程序博客网 时间:2024/05/19 11:48
 
 /**1.先在网页中添加一个用于显示信息的层2.在要调用的地方触发ShowTip显示事件3。在要隐藏的地方触发HideTip 隐藏事件<!-- [Step1]: 这里可以更改跑马灯的矩形框大小 --><!-- [Step2]: 在此能够设置矩形框的背景色 --><div id="ShowHideTip" style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:#dadada"></div>**/ if (!document.layers&&!document.all) event="test"/*显示提示,*一般放在控件的onMouseOver事件里,*current:要显示提示的控件,是一个object对象,可以传this进来*e:可以直接传event进来*text:提示的内容。*/function ShowTip(current,e,messageDIV,text){ if (document.all&&document.readyState=="complete"){messageDIV.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>'messageDIV.style.pixelLeft=event.clientX+document.body.scrollLeft+10messageDIV.style.pixelTop=event.clientY+document.body.scrollTop+10messageDIV.style.visibility="visible"}else if (document.layers){messageDIV.document.nstip.document.write('<b>'+text+'</b>')messageDIV.document.nstip.document.close()messageDIV.document.nstip.left=0currentscroll=setInterval("ScrollTip()",100)messageDIV.left=e.pageX+10messageDIV.top=e.pageY+10messageDIV.visibility="show"}}function ScrollTip(messageDIV){if (messageDIV.document.nstip.left>=-messageDIV.document.nstip.document.width)messageDIV.document.nstip.left-=5elsemessageDIV.document.nstip.left=150}/**隐藏提示*一般放在控件的onMouseOut事件中*/function HideTip(messageDIV){if (document.all)messageDIV.style.visibility="hidden"else if (document.layers){clearInterval(currentscroll)messageDIV.visibility="hidden"}} 


原创粉丝点击