<div id="s1">
<div id="s2"><img src="s2.jpg" alt="移到这里会弹出s3菜单" /></div>
<div id="s3" style="display:none; visibility:hidden;">这里面是个菜单,鼠标移到这里不悬停,菜单直接缩上去了<div/>
</div>
<script type="text/javascript">
$("#s1").hover(function () { ShowDiv('s3'); }, function () { HideDiv('s3'); });
</script>
<div id="s2"><img src="s2.jpg" alt="移到这里会弹出s3菜单" /></div>
<div id="s3" style="display:none; visibility:hidden;">这里面是个菜单,鼠标移到这里不悬停,菜单直接缩上去了<div/>
</div>
<script type="text/javascript">
$("#s1").hover(function () { ShowDiv('s3'); }, function () { HideDiv('s3'); });
</script>
解决方案 »
- FusionCharts
- 怎么禁用sencha中scroller的反弹
- 如何用js客户端设置服务器端radiobuttonlist的selectedIndex?
- 请教insertAdjacentElement的用法
- 纯JS代码实现jquery中html()方法函数
- 大虾们帮忙,一个很弱的问题
- 用javascript怎么能到input框的类型!
- JS的下拉菜单问题!
- 哪里有javascript 中文帮助文件下载啊?
- 加急!急急急(分不在高,有心则灵)如何将从Asp里得到的记录集赋值给在javascript 里建立的一个rs对象?
- 如何使用ajax,对页面中的javascript控件实时修改?
- jquery如何复制更改后的select元素?高手进~
document.getElementById("s3").style.display = "block";
document.getElementById("s3").style.visibility = "visible";
}, function(){
document.getElementById("s3").style.display = "none";
document.getElementById("s3").style.visibility = "hidden";
});如果你那边有问题,提供一下你的代码呗,要不让人很难看到如何解决的。
<style type="text/css">
#s3{height:80px;width:80px;background-color:#00CC99;display:none}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#s2").hover(function(){
$("#s3").show();
}, function(){
$("#s3").hide();
});
})
</script>
<div id="s1">
<div id="s2"><img src="s2.jpg" alt="移到这里会弹出s3菜单" /></div>
<div id="s3">这里面是个菜单,鼠标移到这里不悬停,菜单直接缩上去了<div/>
</div>