不知道为什么我用slideUp()一点效果都没有,什么也不显示
我要的效果是:
鼠标停在div1上面时,div2由下往上伸出显示
html代码:
- HTML code
<script type="text/javascript"> $(document).ready(function(){ //鼠标事件 $("#div1").hover( function () { $("#div2").slideUp("fast"); } ); }); </script> <div id="div1"></div> <div id="div2">222</div>
------解决方案--------------------
- HTML code
<script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(function(){ //鼠标事件 $("#div1").hover( function () { $("#div2").slideUp("fast"); } ); }); </script> <div id="div1">123</div> <div id="div2">222</div>
------解决方案--------------------
JS代码没问题,但div1必须有内容(没有内容的话必须要设置个高度,默认的高度是0)。
- HTML code
<div id="div1">111</div> <div id="div2">222</div>
------解决方案--------------------
jquery 包没载入把。
------解决方案--------------------
<style>
div{width:100px;height:80px;}
</style>
<div id="div1">111</div>
<div id="div2">222</div>
指定高宽应该不会了