JS实现一个提示框跟随鼠标移动的问题。。。。

BaSaRa_GIT 2005-08-22 04:37:51

要实现提示框跟随鼠标移动而移动的JS不难，我写的是这样：
————————————————————————————————————————————
<STYLE>
div
{
BORDER: #CCCCCC 1px solid;
background-color:#FFFFEF;
display:none;
LINE-HEIGHT: 30px;
FONT-FAMILY: 宋体;
font-size:12px;
POSITION: absolute;
TOP:30px;
LEFT:30px;
}
</STYLE>
<body>
<SCRIPT language = "JavaScript">
function showTip()
{
editTip.style.top = event.y + 15;
editTip.style.left = event.x + 12;
editTip.style.display = "block";
}
function hide()
{
editTip.style.display = "none";
}
document.ondblclick=hide;
</SCRIPT>

<a href="#" onMouseOver="showTip()" onMouseMove="showTip()" onMouseOut="editTip.style.display = 'block';">Click</a>

</body>
<DIV id="editTip"><script>document.write("请单击某个单元格进行编辑!双击消失");</script></DIV>
————————————————————————————————————————————

有个问题，如果[单纯用JS]怎样实现这样的效果？？？？？？
我写的这个JS老是说没有对象：
<script language="javascript" type="text/javascript">

</script>
其实就是想把要显示的内容包含起来，通过调用showTip("Hello")来实现动态改变提示框的内容。。。
不知道怎么办了。。急！！

...全文

690 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

qiqunet 2005-08-22

打赏
举报

呵呵
说真心的那一句，我为我的答案得不到任何的分值而颇感伤心
就如考试一样，得分为0说明我的答案错了
然而再三思考，我的两个贴子好象都没有什么错
我唯有反思，我的理解出了问题，我未能理解出题者的深意 :)
我是很相信缘份的，我只好将一些我没有错而被老师打了零分的情况归咎于彼此无缘

BaSaRa_GIT 2005-08-22

打赏
举报

问题还没解决，只创建不删除浏览器差点挂了。。。

ShowTip(strTip)是通过strTip来传递要显示的消息，[其实不必如此，可直接用editTip.innerHTML = strTip 来动态改变tip中的内容]这样的话要设置一个<div id="editTip"></div>，我不想设置这个<div>，只想通过JS脚本设置这个<div>，然后通过参数strTip来改变提示框内容。。。

一时激动，结帐快了点，晕~~~

BaSaRa_GIT 2005-08-22

打赏
举报

qiqunet(瑞旗·广东) 说的没错。。。

qiqunet 2005-08-22

打赏
举报

不可能每次调用都创建一个DIV吧？

只创而不杀，网页最后会有什么结果呢？·#

BaSaRa_GIT 2005-08-22

打赏
举报

谢谢了，开始怎么都想不起来怎么做：）
谢谢！

xjdawu 2005-08-22

打赏
举报

其实不必如此，可直接用editTip.innerHTML = strTip 来动态改变tip中的内容

qiqunet 2005-08-22

打赏
举报

<STYLE>
div
{
BORDER: #CCCCCC 1px solid;
background-color:#FFFFEF;
display:none;
LINE-HEIGHT: 30px;
FONT-FAMILY: 宋体;
font-size:12px;
POSITION: absolute;
TOP:30px;
LEFT:30px;
}
</STYLE>
<body>
<SCRIPT language = "JavaScript">
function showTip(tip)
{
editTip.style.top = event.y + 15;
editTip.style.left = event.x + 12;
editTip.style.display = "block";
editTip.innerText=tip;
}
function hide()
{
editTip.style.display = "none";
}
document.ondblclick=hide;
</SCRIPT>

<a href="#" onMouseOver="showTip(this.innerText)" onMouseMove="showTip(this.innerText)" onMouseOut="editTip.style.display = 'block';">Click</a>

</body>
<DIV id="editTip"><script>document.write("请单击某个单元格进行编辑!双击消失");</script></DIV>

xjdawu 2005-08-22

打赏
举报

先创建对象，才能访问
---------------------------------------------
function showTip(strTip)
{
var TipDiv = document.createElement("<div id='divTip' style='display:none;position:absolute;'></div>")
document.body.appendChild(TipDiv)
TipDiv.innerHTML = strTip
with(TipDiv){
style.top = event.y+15;
style.left = event.x+12;
style.display = "block";
}
}
}