看一下效果图：当鼠标放在绿色小块上，将会放大，鼠标移开后，又会缩小为初始大小。
代码如下：
<!DOCTYPE HTML>
<HTML>
<HEAD>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
<SCRIPT>
$(document).ready(function() {
$("div").mouseenter(function() {
$("div").animate({
center: '250px',
opacity: '0.5',
height: '250px',
width: '250px'
});
});
$("div").mouseleave(function() {
$("div").animate({
opacity: '1',
height: '100px',
width: '100px'
});
});
});
</SCRIPT>
</HEAD>
<BODY>
<DIV style="background:#98bf21;height:100px;width:100px;position:absolute;">
</DIV>
</BODY>
</HTML>
扫一扫
6449
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
