编程论坛 → JavaScript论坛

求助！javascript带有提示框的链接

厉羽菲发布于 2010-04-21 22:13， 646 次点击

我是初学者，新手。以前只研究C#的，因为工作需要学习js代码。刚刚作了一个带提示框的链接，但是没有反应。真是很头疼，希望高手指点一二。多谢了！
<body>
<div onmouseover="showtip2(0,0,'加油')" onmouseout="hidetip2()">我能行！加油！</div>
<script language="javascript">
function showtip2(current,e,text)
{
if(document.readyState=="complete")
  {
    document.all.tooltip4.2.innerHTML='<marquee style="border:1px solid blue">'+text+'</marquee>'
    document.all.tooltip4.2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
    document.all.tooltip4.2.style.pixelTop=event.clientY+document.body.scrollTop+10
    document.all.tolltip4.2.style.visibility="visible"
  }
}

function hidetip2()
{
(document.all)
  document.all.tooltip4.2.style.visibility="hidden"
}

</script>
</body>

3 回复

#2

zzy_4202010-04-21 22:58

<script language="javascript">
function showtip2(current,e,text)
{
if(document.readyState=="complete")
  {
    document.all.tooltip4.2.innerHTML='<marquee style="border:1px solid blue">'+text+'</marquee>'
    document.all.tooltip4.2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
    document.all.tooltip4.2.style.pixelTop=event.clientY+document.body.scrollTop+10
    document.all.tolltip4.2.style.visibility="visible"
  }
}

function hidetip2()
{
(document.all)
  document.all.tooltip4.2.style.visibility="hidden"
}

</script>
<body>
<div onmouseover="showtip2(0,0,'加油')" onmouseout="hidetip2()">我能行！加油！</div>

顺序问题！

</body>

#3

努力加油2010-04-22 06:39

不好意思啊你的那些我没有看明白不过我照你的要求写了个简单的带提示框的你也许能明白些；
<body>
<script>
function over(text){
    var message='<marquee>'+text+'</marquee>';
    document.all.hehe.innerHTML=message;
    document.all.hehe.style.visibility="visible";
    }
function out(){
    document.all.hehe.style.visibility="hidden";
    }
</script>
<a href="#" onmouseover="over('加油')" onmouseout="out()">我能行，加油！</a>
<div id="hehe" style="border:1px solid #000; width:100px; visibility:hidden; position:absolute; left:70px; top:35px;"></div>
</body>

#4

厉羽菲2010-04-22 08:50

非常感谢两位的指点，受益了受益了！

1