HTML与JavaScript交互示例-优快云博客

本文展示了一个使用HTML和JavaScript实现鼠标悬浮效果的例子。通过JavaScript动态调整元素位置，并在鼠标悬停于表格单元格时显示相关信息。此示例涵盖了基本的DOM操作及事件处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

{
url=event.srcElement.url
taget=event.srcElement.taget
if(url.match("javascript"

==null)window.status=url
td_X=event.srcElement.offsetLeft
td_Y=event.srcElement.offsetTop
menu.width=event.srcElement.scrollWidth+6
menu.height=event.srcElement.scrollHeight
}
}

functiondoOut(){
if(mouseon==0){
td_X=mt.rows[0].offsetLeft
td_Y=mt.rows[0].offsetTop
}
}

functiondoClick(){
if(taget=="_blank"

window.open(url)

location.href=url
}
window.setInterval("scrollback()",1);

window.setInterval("doOut()",1000);

</script>

<head>
<metahttp-equiv="Content-Language"content="zh-cn">
<style>
.trans_msg{cursor:hand;filter:progid

XImageTransform.Microsoft.Alpha(style=0,opacity=25)blendtrans(duration=.25);}
.b{color=#000066;cursor:hand}
.f{font-family:Arial;cursor

efault;font-size:12px}
</style>

</head>
<body>
<divonmousemove="doOver()">
<tableid=mtborder="0"cellpadding="2"style="border-collapse:collapse;"bordercolor="#808080"class="f">
<tr><tdclass=burl="javascript:alert('大家好')"taget="">+Hello!<tdurl="#"taget="_blank">World!!
<tr><tdclass=burl="javascript:alert('我的邮箱:flash165@126.com')"taget="">+<b>联系我</b><tdurl="mailto:flash165@126.com"taget="_blank">flash165@126.com
<tr><tdclass=burl="http://www.7gz.cn"taget="_blank">+七歌站长站<tdurl="javascript:alert(navigator.appVersion)"taget="">你的浏览器版本
<tr><tdclass=burl="http://www.gziu.com"taget="_blank">+黑夜博客<tdurl="javascript:alert(navigator.appName)"taget="">你的浏览器名称
<tr><tdclass=burl="javascript:alert('谢谢支持')"taget="">+谢谢支持
<tr><tdclass=burl="#"taget="">+<b>修改:
</b>
<tr><tdclass=burl="#"taget="">+<b>黑夜HeiYe</b>
</table>
</div>
</body>