摘要： <!DOCTYPE html>
<html>
<head>
<title>jquery</title>
<script type="text/javascript" src="jquer
<!DOCTYPE html>
<html>
<head>
<title>jquery</title>
<script type="text/javascript" src="jquery/jquery-3.3.1.min.js"></script>
<style type="text/css">
p{width: 100px;height: 100px;background: #ccc;margin-top:30px;}
/*div{width: 100px;height: 100px;background:red;}
*/
</style>
</head>
<body>
<script type="text/javascript">
$(document).ready(function () {
// $('p').hide()
// $('#yc').click(function () {
// $('p').slideDown(1500)
// })
$('#bo').click(function () {
$('p').animate({height:'200px'},1500)
})
$('.ca').click(function () {
$('div').animate({
left:'200px',
opacity:'0.3',
height:"400px",
width:"400px"
},454)
})
})
</script>
<p >我可以做到</p>
<p>波克波克波克波克波克</p>
<button id="bo">显示按键</button>
<button class="ca">点击移动</button>
<div style="height:100px;width:100px;background:pink;position:absolute;"></div>
</body>
</html>
