2019.4.9网页实训

1.知识点：

知识点一：jQuery的动画显示（显示和隐藏动画效果）
两个方法：hide（）和show（）来实现
代码实现：
$(document).ready(function(){
$("#button1").click(function(){
$ ( “p”).hide(500,function(){
alert(“隐藏完成”)
})
})
$("#button2").click(function(){
$( “p”).show(200,function(){
alert(“显示成功”)
})
})

二.jQuery的动画效果（滑动）
有两个方法：#slide和#panel
代码实现：

<script>
$(document).ready(function(){
   $("#slide").click(function(){
   $("#panel").slideToggle()
})
})
</script>

点我滑动或者隐藏

hello

三.jQuery的动画效果（动画）
方法：animate（）用于创建自定义动画
语法：$(select).animate({params},speed,callback) 必须的params参数定义形成动画的CSS属性 而且可选的参数和其几个参数相同。
1.通过animate（）使效果向右移动200
代码实现：

开始动画

默认情况下，所以的HTML元素有一个静态的位置，且是不可移动的，如果需要改变，那么需要将元素的position的属性设置为：absolute，relatIve，fixed；

2.通过animate（），操作多个属性