-
jQuery中淡入效果fadeTo：（保持动画效果，如执行opacity = 0.5的效果）查看全部
-
jQuery中淡入淡出切换fadeToggle查看全部
-
jQuery中淡入动画fadeIn：（效果和show类似） fadeIn()函数用于显示所有匹配的元素，并带有淡入的过渡动画效果。查看全部
-
jQuery中淡出动画fadeOut：（效果和hide类似） fadeOut()函数用于隐藏所有匹配的元素，并带有淡出的过渡动画效果查看全部
-
jQuery中上卷下拉切换slideToggle查看全部
-
jQuery中上卷动画slideUp，用法和以上类似，效果相反（一开始需要显示该元素）（效果和hide类似）查看全部
-
jQuery中下拉显示动画slideDown：（效果和show类似） 注意： 1、下拉动画是从无到有，所以一开始元素是需要先隐藏起来的。 2、如果多个元素一起做动画效果，那么要非常注意，回调函数会在每一个元素执行完动画后都执行一次查看全部
-
jQuery中显示与隐藏切换toggle方法查看全部
-
jQuery中显示元素的show方法: 用法和hide()一致，结果相反查看全部
-
callback回调函数查看全部
-
duration 持续时间查看全部
-
显示与隐藏切换toggle方法 如果元素是最初显示，它会被隐藏 如果隐藏的，它会显示出来查看全部
-
操作元素的显示和隐藏可以有几种方法。 例如： 改变样式display为none 设置位置高度为0 设置透明度为0 都能达到这个目的，并且针对这样的处理jQuery都提供了各自的方法。show/hide、sildeDown/sildeUp、fadeIn/fadeOut。除此之外，还引入了toggle、sildeToggle以及fadeToggle切换方法 toggle、sildeToggle以及fadeToggle的区别： toggle：切换显示与隐藏效果 sildeToggle：切换上下拉卷滚效果 fadeToggle：切换淡入淡出效果 当然细节上还是有更多的不同点: toggle与slideToggle细节区别： toggle：动态效果为从右至左。横向动作，toggle通过display来判断切换所有匹配元素的可见性 slideToggle：动态效果从下至上。竖向动作，slideToggle 通过高度变化来切换所有匹配元素的可见性 fadeToggle方法 fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之间切换。 元素是淡出显示的，fadeToggle() 会使用淡入效果显示它们。 元素是淡入显示的，fadeToggle() 会使用淡出效果显示它们。 注释：隐藏的元素不会被完全显示（不再影响页面的布局）查看全部
-
淡入淡出fadeIn与fadeOut都是修改元素样式的opacity属性，但是他们都有个共同的特点，变化的区间要么是0，要么是1 fadeIn：淡入效果，内容显示，opacity是0到1 fadeOut：淡出效果，内容隐藏，opacity是1到0 如果要让元素保持动画效果，执行opacity = 0.5的效果时，要如何处理？ 如果不考虑CSS3，我们用JS实现的话，基本就是通过定时器，在设定的时间内一点点的修改opacity的值，最终为0.5，原理虽说简单，但是总不如一键设置这么舒服，jQuery提供了fadeTo方法，可以让改变透明度一步到位 语法 .fadeTo( duration, opacity ,callback) 必需的 duration参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度（值介于 0 与 1 之间）。可选的 callback 参数是该函数完成后所执行的函数名称。查看全部
-
fadeToggle()函数用于切换所有匹配的元素，并带有淡入/淡出的过渡动画效果。之前也学过toggle、slideToggle 也是类似的处理方式 fadeToggle切换fadeOut与fadeIn效果，所谓"切换"，即如果元素当前是可见的，则将其隐藏(淡出)；如果元素当前是隐藏的，则使其显示(淡入)。 常用语法：.fadeToggle( [duration ] ,[ complete ] ) 可选的 duration 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。 可选的 callback 参数是 fadeToggle完成后所执行的函数名称。 fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。如果元素已淡出，则 fadeToggle() 会向元素添加淡入效果。如果元素已淡入，则 fadeToggle() 会向元素添加淡出效果。查看全部
举报
0/150
提交
取消