jquery实现盒子下拉效果示例代码
摘要：复制代码代码如下:$(function(){$('div:eq(1)').css({'margin-top':'-=100px'});$('...
复制代码 代码如下:
<script src="js/Jquery1.7.js"></script>
<script type="text/javascript">
$(function () {
$('div:eq(1)').css({ 'margin-top': '-=100px' });
$('div:first').mouseover(function () {
$('div:eq(1)').animate({'margin-top':'+=100px'});
})
$('div:first').mouseout(function () {
$('div:eq(1)').animate({ 'margin-top': '-=100px' });
})
</script>
复制代码 代码如下:
<pre name="code"><div>
<div>
</div>
<div>
</div>
</div></pre><br>
<pre></pre>
<pre name="code"></pre><pre name="code">当把鼠标移动到盒子上的时候上面就会出现一个黑色的盒子</pre><pre name="code">这是在浏览网页的时候看到的一个效果</pre><pre name="code">在这里写了一下</pre>
【jquery实现盒子下拉效果示例代码】相关文章：
★ jQuery插件pagewalkthrough实现引导页效果
上一篇：
利用jquery包将字符串生成二维码图片