jQuery 效果 - 淡入淡出
通过 jQuery,您可以实现元素的淡入淡出效果。
实例
jQuery fadeIn() 方法
jQuery fadeIn() 用于淡入已隐藏的元素。
语法:
$(selector).fadeIn(speed,callback);
可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
可选的 callback 参数是 fading 完成后所执行的函数名称。
下面的例子演示了带有不同参数的 fadeIn() 方法:
实例
$("button").click(function(){ $("#div1").fadeIn(); $("#div2").fadeIn("slow"); $("#div3").fadeIn(3000); });
jQuery fadeOut() 方法
jQuery fadeOut() 方法用于淡出可见元素。
语法:
$(selector).fadeOut(speed,callback);
可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
可选的 callback 参数是 fading 完成后所执行的函数名称。
下面的例子演示了带有不同参数的 fadeOut() 方法:
实例
$("button").click(function(){ $("#div1").fadeOut(); $("#div2").fadeOut("slow"); $("#div3").fadeOut(3000); });
jQuery fadeToggle() 方法
jQuery fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。
如果元素已淡出,则 fadeToggle() 会向元素添加淡入效果。
如果元素已淡入,则 fadeToggle() 会向元素添加淡出效果。
语法:
$(selector).fadeToggle(speed,callback);
可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
可选的 callback 参数是 fading 完成后所执行的函数名称。
下面的例子演示了带有不同参数的 fadeToggle() 方法:
实例
$("button").click(function(){ $("#div1").fadeToggle(); $("#div2").fadeToggle("slow"); $("#div3").fadeToggle(3000); });
jQuery fadeTo() 方法
jQuery fadeTo() 方法允许渐变为给定的不透明度(值介于 0 与 1 之间)。
语法:
$(selector).fadeTo(speed,opacity,callback);
必需的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度(值介于 0 与 1 之间)。
可选的 callback 参数是该函数完成后所执行的函数名称。
下面的例子演示了带有不同参数的 fadeTo() 方法:
实例
$("button").click(function(){ $("#div1").fadeTo("slow",0.15); $("#div2").fadeTo("slow",0.4); $("#div3").fadeTo("slow",0.7); });
相关推荐
jQuery首页轮播-淡入淡出效果-大图.
reveal-it.js是一款jQuery文字淡入淡出显示特效插件。该文字特效插件可以使文字从左向右淡入淡出显示。该插件小巧简单,非常适合用于制作标题文字的动画效果。
jquery实现窗体淡入淡出效果 div层可以随鼠标移动.很适合做商品信息演示
能让任意列表形式的内容依次淡入淡出切换显示,或是上下切换显示。内容可以是文字,图片等。支持各式标签,列表标签ul,li或是div,p标签都可以。 可以非常轻松的实现诸如新闻或公告内容的自动随机切换显示,或是...
WPF页面淡出淡入切换效果 WPF页面淡出淡入切换效果
用fadeIn、fadeOut、fadeToggle来实现淡入淡出。
jQuery图片淡出淡入效果图片淡出图片展示所属专题:图片代码
crossfade.js是一个非常小的jQuery插件程序.当您滚动鼠标时图像实现叉淡入淡出效果。浏览器要求ie8以上版本。演示地址:http://www.jq22.com/jquery-info459
使用JQuery淡入淡出实现的自动切换图片的源码。
jQuery放大缩小淡入淡出焦点图特效是 一款基于slick插件实现的jQuery图片放大缩小淡入淡出过渡动画焦点图特效效果,它还支持手机移动触摸设备。
Jquery淡入淡出幻灯片特效图片切换源码下载
jQuery图像悬停淡入淡出特效,jQuery图像悬停淡入淡出特效
jQuery实用淡入淡出幻灯片是一款经典实用的淡入淡出幻灯片,带索引按钮,自动播放,淡入淡出过渡效果。
jQuery淡入淡出瀑布流效果是一款简单有效的jquery瀑布流特效。
jquery图片淡入淡出切换特效是一款点击左右箭头,图片谈出消失,图片淡入显示。
jQuery左右淡入淡出切换幻灯片是一款国产的jQuery幻灯片插件,它非常小巧,压缩后仅3KB。它支持淡入淡出,左右滚动,箭头,圆点控制,自动播放。
JQuery 图片浏览,淡入淡出,可设定时间,不限数量,有高级和普通两个演示页面,随意改动,代替focus.swf。
应用Secret 中的效果实现的文字淡入淡出的效果,不同的文字淡入淡出的效果、速度是不同的。项目地址:https://github.com/matthewrkula/SecretTextView效果图:如何使用SecretTextView继承了android.widget.TextView...
行业分类-设备装置-控制多媒体淡入淡出效果的方法和装置.zip
商业编程-源码-位图的Alpha淡入淡出显示示例代码.zip