读书人

jq鼠标停在div1上面div2由下往上显示

发布时间: 2012-05-21 18:04:41 作者: rapoo

jq鼠标停在div1上面,div2由下往上显示的问题
不知道为什么我用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>

指定高宽应该不会了

读书人网 >JavaScript

热点推荐