UC知道鼠标放在标签上，显示相应内容样式怎么实现
来源：百度知道 编辑：UC知道 时间：2024/05/23 01:27:44
类似http://xiaoshenyang.kwy8.com这个页面右边互动中心那块的样式，鼠标放在“评论”“踩踩”“会员”等标签上，下面显示不同内容，研究半天没弄明白。知道的哥们请教教我，这种样式的学名叫什么？哪里有教程？
或者你是高手的话留下联系方式，很想学！想找个这方面的师傅。
我知道有mouseMoveOn事件，关键是我想弄懂FUNCTION代码，看不懂。
或者你是高手的话留下联系方式，很想学！想找个这方面的师傅。
我知道有mouseMoveOn事件，关键是我想弄懂FUNCTION代码，看不懂。
标签的属性栏里有个mouseMoveOn事件，在对应的事件响应函数里写你想要显示的东西
那些鼠标移入时显示的东西默认设置成不可见，当鼠标移入时，把属性改成可见就行，具体看下边的例子，哪地方不懂再问
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
<!--
.#opstatdiv {
visibility: hidden;
background-color: #f7fcfe;
z-index: 100;
width: 200px;
height: 50px;
position: absolute;
text-align: left;
font-size: 12px;
color: #FF0000;
font-weight: bold;
vertical-align: middle;
}
-->
</style>
<script type="text/javascript">
function showOpstatView()
{
var msgStr = "提示信息";
var d_dialog = document.getElementById('opstatdiv');
d_dialog.innerHTML = msgStr;
d_dialog.style.posLeft = document.body.scrollLeft + event.clientX + 10;