JQuery如何实现基础动画操作

这篇文章主要介绍了JQuery如何实现基础动画操作，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

创新互联公司专注于南溪网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供南溪营销型网站建设，南溪网站制作、南溪网页设计、南溪网站官网定制、微信小程序服务，打造南溪网络公司原创品牌,更为您提供南溪网站排名全网营销落地服务。

1.jQuery动画效果，隐藏和显示。

两个方法：hide()"隐藏"      show()"显示"

JQuery动画效果，隐藏和显示


 
 

语法：$(selector).hide(speed.callback)
语法：$(selector).show(speed.callback)
callback参数：是隐藏或显示完成后执行的函数名称。

$(document).ready(function(){
   $("#button1").click(function(){
    $("p").hide(500);
    alert("恭喜你，显示完成")
   })
   $("#button2").click(function() {
    $("p").show(200,function(){
     alert("恭喜你，显示完成")
    })
   }

语法：$(selector).toggle(speed.callback)
speed参数规定参数隐藏和显示的速度，取值为"show""fast".毫秒（1秒等于1000毫秒）
callback参数：是隐藏或显示完成后执行的函数名称。

$("#button3").click(function() {
     $("p").toggle(1000,function(){
     $("p").css({color:"yellow"})
     })

2.Jquery滑动和动画
两个方法：slideDow()       toggleDoe()      

点击我，滑动显示或者隐藏面板