返回 jQuery动...... 登陆

jQuery动画效果

弃。 2018-12-14 16:07:24 226

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<script type="text/javascript" src="jq.js"></script>

<style type="text/css">

.box{width:200px;height: 200px;background:blue;}

</style>

</head>

<body>

<button class="bt1">点击字体变大</button>

<p>我是你们永远得不到的爸爸</p>


<button class="bt2">点击移动div</button>

<div class="box">

我正在移动好刺激啊

</div>

</body>

</html>

<script type="text/javascript">

$(document).ready(function(){

$('.bt1').click(function(){

$('p').animate({fontSize:'50px'},1500)

})

$('.bt2').click(function(){

$('.box').animate({

marginLeft:'800px',

width:'toggle',

height:'800px',

opacity:0.3

},3000)

})

})

</script>

(NG4Z9]@G2S~U9)GR(I@ONW.png

最新手记推荐

• 用composer安装thinkphp框架的步骤 • 省市区接口说明 • 用thinkphp,后台新增栏目 • 管理员添加编辑删除 • 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消 回复 发送
  • PHP中文网