详细说明jQuery效果。
jQuery是一个很好的js开发库,比如原型,特别是CSS和XPath的支持,使我们更方便地编写JS!如果你不是js高手,想写一个很好的js效果,jQuery可以帮你实现目标!隐藏()
隐藏匹配元素。
隐藏()
此方法不接受任何参数。
隐藏({时间},完整})
持续时间
一个字符串或数字决定动画运行的时间。
完成
动画完成后执行的函数。
隐藏({时间},轻松},完整})
持续时间
一个字符串或数字决定动画运行的时间。
宽松
一个字符串,用于指示使用哪种慢移动函数进行转换。
完成
当动画完成时执行的函数。
使用:
$(按钮)。Click(function(){)
$('p')藏(2000)。
});
$()。Click(函数(){)
$(this)隐藏(2000,函数(){)
美元(这个)。
})
})
显示()
显示匹配的元素。
显示()
此方法不接受任何参数。
显示({时间,{,完整})
持续时间
一个字符串或数字决定动画运行的时间。
完成
动画完成后执行的函数。
显示(持续时间{,{ },},})
持续时间
一个字符串或数字决定动画运行的时间。
宽松
一个字符串,用于指示使用哪种慢移动函数进行转换。
完成
当动画完成时执行的函数。
使用:
$(按钮)。Click(函数(){)
$(p);
});
弗斯特()。
$(这个)。
});
切换()
显示或隐藏匹配元素。
切换()
此方法不接受任何参数。
切换({时间},完整})
持续时间
一个字符串或数字决定动画运行的时间。
完成
动画完成后执行的函数。
切换(持续时间{,{ },},})
持续时间
一个字符串或数字决定动画运行的时间。
宽松
一个字符串,用于指示使用哪种慢移动函数进行转换。
完成
当动画完成时执行的函数。
使用:
$(按钮)。Click(函数(){)
$(p)。Toggle();
});
$(按钮)。Click(函数(){)
$(p)。Toggle(慢);
});
动画()
根据一组CSS属性执行自定义动画。
动画(属性{,持续时间},放松},完整})
性能
一个CSS属性和值的对象,动画将根据一组对象移动。
持续时间(默认值:400)
一个字符串或数字决定动画运行的时间。
放松(默认摆动)
一个字符串,表明慢动作功能被过度使用。
完成
动画完成后执行的函数。
动画(属性、选项)
性能
一个CSS属性和值的对象,动画将根据一组对象移动。
选项
包含动画选项的一组值。
使用:
$(# )(点击(功能){
$(#块动画({)。
宽度:70%
不透明性:0.4,
marginleft:0.6in
字体大小:3em
带:10px
},1500);
});
$(#权)。Click(function(){)
$(块)。动画({左:+ = 50px},慢);
});
对所有段落使用动画使其左属性50、透明度为1(即不透明、可见)和500毫秒的时间。
$(p)。
左:50,透明度:1
},500);
延迟()
设置延迟以延迟队列中后续项目的执行。
。延迟(时间queuename {,})
持续时间
一个整数,表示毫秒数,用于设置下一个队列以推迟执行时间。
queuename
被命名为一个团队的字符串。
影响:
我们可以设置一个800毫秒的延迟between.slideup()()and.fadein动画:
$(# foo)。SlideUp(300),Delay(800)FadeIn(400);
再次隐藏这两个div。绿色div在显示之前有800毫秒的延迟时间。
$(按钮)。Click(函数(){)
$(div.first ),SlideUp(300),Delay(800)FadeIn(400);
$(div.second ),SlideUp(300)FadeIn(400);
});
停止()
停止匹配元素运行的当前动画。
({ } { clearqueue。停止,jumptoend })
清空队列
一个布尔值,指示是否取消队列动画,默认为false;
jumptoend
布尔值指示当前动画是否立即完成。默认为false;
({ } {。停止队列,clearqueue } {,jumptoend })
队列
停止动画队列的名称。
清空队列
指示是否取消队列动画的布尔值。默认为false。
jumptoend
布尔值指示当前动画是否立即完成。默认为false。
使用:
$(#停止)。Click(function(){)
$(;
})当单击此操作时立即停止动画。
fadeIn()。
匹配元素以淡入淡出的方式显示。
({ } {时间。渐明,完成})
持续时间(默认值:400)
一个字符串或数字决定动画运行的时间。
完成
当动画完成时执行的函数。
渐显(选项)。
包含动画选项的一组值。
({ } {时间。渐明,宽松} { },完成)
持续时间(默认值:400)
一个字符串或数字决定动画运行的时间。
放松(默认:摆动)
一个字符串,用于指示使用哪种慢移动函数进行转换。
完成
一个函数执行时动画完成。 U3000
使用:
$(。BTN2)。Click(function(){)
$(p)。FadeIn();
});
淡出()。
匹配元素通过淡出来隐藏。
({ } {。淡出时间,完成})
持续时间(默认值:400)
一个字符串或数字决定动画运行的时间。
完成
当动画完成时执行的函数。
淡出(选项)。
包含动画选项的一组值。
({ } {时间。淡出,宽松} { },完成)
持续时间(默认值:400)
一个字符串或数字决定动画运行的时间。
放松(默认:摆动)
一个字符串,用于指示使用哪种慢移动函数进行转换。
完成
当动画完成时执行的函数。
使用:
$(。BTN2)。Click(function(){)
$(p)。FadeOut();
});
fadeTo()。
调整匹配元素的透明度。
。褪变成了(持续时间、透明度{ },完成)
持续时间
一个字符串或数字决定动画运行的时间。
不透明度
0和1之间的数字表示目标元素的不透明度。
完成
当动画完成时执行的函数。
。褪变成了(持续时间、透明度{ } { },宽松,完整)
持续时间
一个字符串或数字决定动画运行的时间。
不透明度
0和1之间的数字表示目标元素的不透明度。
宽松
一个字符串,用于指示使用哪种慢移动函数进行转换。
完成
当动画完成时执行的函数。
使用:
$(输入的)。Click(function(){)
$(# DIV1)。FadeTo(慢
$(# DIV1)。Css(显示
})
})
fadeToggle()。
通过匹配元素的不透明动画来显示或隐藏它们。
({ } {时间。fadetoggle,宽松} { },完成)
持续时间(默认值:400)
一个字符串或数字决定动画运行的时间。
放松(默认:摆动)
一个字符串,用于指示使用哪种慢移动函数进行转换。
完成
当动画完成时执行的函数。
fadetoggle(透明度)。
不透明度
包含动画选项的一组值。
使用:
$(输入)。Click(函数(){)
$(# DIV1)。FadeToggle(2000)
})
slideDown()。
用幻灯片动画显示匹配元素。
slideDown({ } {。时间,完成})
持续时间
一个字符串或数字决定动画运行的时间。
完成
当动画完成时执行的函数。
slideDown(透明度)。
不透明度
包含动画选项的一组值。
slideDown({ } {时间。} { },宽松,完整)
持续时间
一个字符串或数字决定动画运行的时间。
宽松
一个字符串,表明慢动作功能被过度使用。
完成
当动画完成时执行的函数。
使用:
$(输入)。Click(函数(){)
$(# DIV1 slideDown(2000))。
})
slideup()。
通过滑动动画隐藏匹配元素。
({ } {时间。slideup,完成})
持续时间
一个字符串或数字决定动画运行的时间。
完成
当动画完成时执行的函数。
slideup(透明度)。
不透明度
包含动画选项的一组值。
({ } {时间。slideup,宽松} { },完成)
持续时间
一个字符串或数字决定动画运行的时间。
宽松
一个字符串,表明慢动作功能被过度使用。
完成
当动画完成时执行的函数。
使用:
$(输入)。Click(函数(){)
$(# DIV1)。SlideUp(2000)
})
slidetoggle()。
用幻灯片动画显示或隐藏匹配元素。
({ } {时间。slidetoggle,完成})
持续时间
一个字符串或数字决定动画运行的时间。
完成
当动画完成时执行的函数。
slidetoggle(透明度)。
不透明度
包含动画选项的一组值。
({ } {时间。slidetoggle,宽松} { },完成)
持续时间
一个字符串或数字决定动画运行的时间。
宽松
一个字符串,表明慢动作功能被过度使用。
完成
当动画完成时执行的函数。
影响:
$(输入)。Click(函数(){)
$(# DIV1)。SlideToggle(2000)
})
以上内容是一个小编辑器,详细介绍了jQuery的效果,希望大家喜欢。