jQuery动画

简介: jQuery动画

显示 show(); show()有两个参数\n参数1:代表执行动画的时长(毫秒数)\n参数2:代表动画执行完毕后的回调参数,\n例:$("#div1").show(2000, function(){\n    alert("我来啦,嘿嘿~~~");\n})\n若不给参数直接显示当前元素

:$("#div1").show(2000, function(){\n    alert("我来啦,嘿嘿~~~");\n})\n若不给参数直接显示当前元素

隐藏 hide(); hide()有两个参数\n参数1:代表执行动画的时长(毫秒数)\n参数2:代表动画执行完毕后的回调参数,\n例:$("#div1").hide(2000, function(){\n    alert("我走咯,嘿嘿~~~");\n})\n若不给参数直接隐藏当前元素

\n例:$("#div1").hide(2000, function(){\n    alert("我走咯,嘿嘿~~~");\n})\n若不给参数直接隐藏当前元素

切换 toggle();\n如果元素是隐藏状态就动画显示,如果元素是显示状态就动画隐藏\n参数1:代表执行动画的时长(毫秒数)\n参数2:代表动画执行完毕后的回调参数,\n例:\\$("#div1").toggle(2000, function(){\n    alert("略略略~~~");\n})


 

\n例:\\$("#div1").toggle(2000, function(){\n    alert("略略略~~~");\n})

滑入 slideDown();\n参数1:代表执行动画的时长(毫秒数)\n参数2:代表动画执行完毕后的回调参数,\n例:\\$("#div1").slideDown(2000, function(){\n    alert("我出来喽~~~");\n})\n若不添加参数也会有动画效果,因为它具有默认的动画时长


 

\\$("#div1").slideDown(2000, function(){\n    alert("我出来喽~~~");\n})\n若不添加参数也会有动画效果,因为它具有默认的动画时长

滑出 slideUp();\n参数1:代表执行动画的时长(毫秒数)\n参数2:代表动画执行完毕后的回调参数,\n例:\\$("#div1").slideUp(2000, function(){\n    alert("我回去啦~~~");\n})\n若不添加参数也会有动画效果,因为它具有默认的动画时长

$("#div1").slideUp(2000, function(){\n    alert("我回去啦~~~");\n})\n若不添加参数也会有动画效果,因为它具有默认的动画时长
相关文章
N..
|
1月前
|
JavaScript 前端开发 UED
jQuery动画特效
jQuery动画特效
N..
13 1
|
1月前
|
JavaScript
jquery动画与事件案例
jquery动画与事件案例
12 0
|
7月前
|
JavaScript
jQuery 显示隐藏动画 show(); hide(); toggle();
jQuery 显示隐藏动画 show(); hide(); toggle();
44 0
|
7月前
|
JavaScript
jQuery 滑入滑出动画 slideDown(); slideUp(); slideToggle();
jQuery 滑入滑出动画 slideDown(); slideUp(); slideToggle();
50 0
|
7月前
|
JavaScript
jQuery 自定义动画 animate(详细步骤)
jQuery 自定义动画 animate(详细步骤)
59 0
|
7月前
|
JavaScript
jQuery stop() 停止动画(详细使用)
jQuery stop() 停止动画(详细使用)
42 0
|
7月前
|
JavaScript
jQuery fullpage.js 全屏分页以及动画使用
jQuery fullpage.js 全屏分页以及动画使用
39 0
|
7月前
|
JavaScript
jQuery 淡入淡出动画 fadeIn(); fadeOut(); fadeToggle(); fadeTo();
jQuery 淡入淡出动画 fadeIn(); fadeOut(); fadeToggle(); fadeTo();
46 0
jQuery 淡入淡出动画 fadeIn(); fadeOut(); fadeToggle(); fadeTo();
|
3月前
|
JavaScript 前端开发
jquery酷炫的马赛克图片还原动画代码
jquery酷炫的马赛克图片还原动画代码,jquery马赛克图片动画,js酷炫图片代码,马赛克图片js还原效果,js图片分散汇聚效果素材
41 1
|
1月前
|
JavaScript 前端开发
jQuery中的事件与动画
jQuery中的事件与动画
10 0