Question

html JavaScript CSS这三个做一个简单的onMouseOver事件WIN7小工具

请问怎么用脚本 触发 当鼠标经过某地方就触发某地方的动画或者图片= =
如图
当鼠标进入第一图标的区域时会触发下面的图从左边快速拉出 然后停留1 最后快速拉回
就像DNF开大招那样有插图出来
拿 当鼠标移入时 来编吧

Answer 1

额，用jQuery做吧，难到是不难，要花时间
简单的说一下吧
设那个要弹出的图片所在图层id=pic，大小为200*200的。触发事件用的那个小图片图层id=nav
CSS样式：
<style>
#pic { margin-left:-200px;}
</style>
JS脚本（jquery）
<script type="text/javascript">
function slideIn(){
$("#pic").animate({"margin-left","0"});
setTimeout("slideOut()",1000);
}
function slideOut(){
$("#pic").animate({"margin-left","-200px"});
}
</script>

那个导航用列表做吧
<li onmouseover="slideIn() "><img src="#" ></li>

差不多就这样吧，不懂加QQ吧550485124

Answer 2

没看明白什么意思

Answer 3

css得作用就是控制网页样式，设置css会影响元素得位置。并不是说css影响了JavaScript获得offsettop，而是你两个li设置得css不同，第一个你设置成了浮动，所以他脱离了本身得父元素想body靠近，而你得第二个li并没有设置任何得css，所以他还在原处，这样就导致了两个li得位置不同了，所以JavaScript获得的值也就不一样了，如果你把第二个li得css设置得与第一个一样，那么他们得位置是在同一高度得，这样就得到得值一样。你可以试试看。css改变了元素得位置，那么offsettop不一样 就很正常了。
不懂就直接hi我就行了