MarqueeMove跑马灯显示的提示ToolPit

 

 
/**
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+10
messageDIV.style.pixelTop=event.clientY+document.body.scrollTop+10
messageDIV.style.visibility="visible"}
else if (document.layers){
messageDIV.document.nstip.document.write('<b>'+text+'</b>')
messageDIV.document.nstip.document.close()
messageDIV.document.nstip.left=0
currentscroll=setInterval("ScrollTip()",100)
messageDIV.left=e.pageX+10
messageDIV.top=e.pageY+10
messageDIV.visibility="show"}
}

function ScrollTip(messageDIV){
if (messageDIV.document.nstip.left>=-messageDIV.document.nstip.document.width)
messageDIV.document.nstip.left-=5
else
messageDIV.document.nstip.left=150
}

/**隐藏提示
*一般放在控件的onMouseOut事件中
*/
function HideTip(messageDIV){
if (document.all)
messageDIV.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
messageDIV.visibility="hidden"}
}