求教一实现方法
<p ><strong>sggtong</strong> 发表于 2010-2-4 10:19</p>
<h3>求教一实现方法</h3>实现:鼠标在网页中移动时(onmousemove)触发事件 ,同时显示2个隐藏块
PS：如果鼠标原本在网页中并且不动 ，则不触发事件
参考案例: www.google.com（外国的）
已经实现可以显示一个隐藏块 ，但是无法同时显示2个，思路混乱中，谢谢指教
部分代码：
<head>
<title>Untitled Page</title>
<style type="text/css">
div{
background:#CCC;
border:solid 2px #999;
width:200px;
height:150px;
text-align:center;
line-height:150px;
margin:10px;
}
#a{
opacity:0;
filter:alpha(opacity=0);
}
#b{ opacity: 0; filter: alpha(opacity=0); }
</style>
<script type="text/javascript">
function $(ele){
if(typeof ele =='string') return document.getElementById(ele);
else return ele;
}
var i = 0;
function fadeIn(ele)
{
var ele = ele;
if($(ele).filters)
{
$(ele).filters.opacity=i*100;
}
else
{
$(ele).style.opacity=i;
}
if(i < 1)
{
i+=0.01;
setTimeout(function(){fadeIn(ele);},50);
}
}
</script>
</head>
<body>
<div id="a">初始隐藏部分</div>
<div id="b">第二隐藏部分</div>
<div>默认显示部分</div>
</body><p ><strong>yfstudio</strong> 发表于 2010-2-4 11:39</p>
不知所云<p ><strong>sggtong</strong> 发表于 2010-2-4 12:01</p>
oh 我还以为讲的很清楚了，请问哪里不懂呢<p ><strong>sggtong</strong> 发表于 2010-2-4 14:08</p>
大家觉的哪里不清楚吗？
难道没人知道吗？<p ><strong>lesliezmz</strong> 发表于 2010-2-4 14:16</p>
给body绑定个mousemove的事件啊。显示出来之后，再把这个事件卸载掉。<p ><strong>sggtong</strong> 发表于 2010-2-4 14:31</p>
<body onmousemove="fadeIn('a')">
<div id="a">初始隐藏部分</div>
<div id="b">第二隐藏部分</div>
<div>默认显示部分</div>
</body>
这个只能实现鼠标移动的时候显示出A隐藏块，如何同时显示A，B 2个隐藏块呢<p ><strong>sggtong</strong> 发表于 2010-2-4 14:47</p>
:) 解决了
thank you for all answers above!
如果有更好的方法或者讨论的，联系我MSN:sggtong@live.com
页:
[1]