`
- 浏览:
321233 次
- 性别:
- 来自:
上海
-
[size=medium][/size]
引用
一、jQuery___效果(淡入淡出效果)
fadeIn(speed, [callback])
概述
通过不透明度的变化来实现所有匹配元素的淡入效果,并在动画完成后可选地触发一个回调函数。
这个动画只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化。
参数
speedString,Number
三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000)
callback (可选)Function
(Optional) 在动画完成时执行的函数
示例
描述:
用600毫秒缓慢的将段落淡入
jQuery 代码:
$("p").fadeIn("slow");
描述:
用200毫秒快速将段落淡入,之后弹出一个对话框
jQuery 代码:
$("p").fadeIn("fast",function(){
alert("Animation Done.");
});
fadeOut(speed, [callback])
概述
通过不透明度的变化来实现所有匹配元素的淡出效果,并在动画完成后可选地触发一个回调函数。
这个动画只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化。
参数
speedString,Number
三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000)
callback (可选)Function
在动画完成时执行的函数
示例
描述:
用600毫秒缓慢的将段落淡出
jQuery 代码:
$("p").fadeOut("slow");
描述:
用200毫秒快速将段落淡出,之后弹出一个对话框
jQuery 代码:
$("p").fadeOut("fast",function(){
alert("Animation Done.");
});
fadeTo(speed, opacity, [callback])
概述
把所有匹配元素的不透明度以渐进方式调整到指定的不透明度,并在动画完成后可选地触发一个回调函数。
这个动画只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化。
参数
speedString,Number
三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如:1000)
opacityNumber
要调整到的不透明度值(0到1之间的数字).
callback (可选)Function
在动画完成时执行的函数
示例
描述:
用600毫秒缓慢的将段落的透明度调整到0.66,大约2/3的可见度
jQuery 代码:
$("p").fadeTo("slow", 0.66);$("p").fadeTo("slow", 0.66);
描述:
用200毫秒快速将段落的透明度调整到0.25,大约1/4的可见度,之后弹出一个对话框
jQuery 代码:
$("p").fadeTo("fast", 0.25, function(){
alert("Animation Done.");
});
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
jQuery图片淡出淡入效果图片淡出图片展示所属专题:图片代码
(vue
使用JQuery淡入淡出实现的自动切换图片的源码。
jQuery 3D边框效果的淡入淡出焦点图特效代码,边框为本款焦点图增色不少,希望大家喜欢哦,可以用在你的网页上哦。
用fadeIn、fadeOut、fadeToggle来实现淡入淡出。
JQuery 图片浏览,淡入淡出,可设定时间,不限数量,有高级和普通两个演示页面,随意改动,代替focus.swf。
jquery鼠标悬停导航条淡入淡出菱形导航菜单 jquery鼠标悬停导航条淡入淡出菱形导航菜单 jquery鼠标悬停导航条淡入淡出菱形导航菜单
jquery实现窗体淡入淡出效果 div层可以随鼠标移动.很适合做商品信息演示
jQuery效果滑动卷动和淡入淡出共2页.pdf.zip
jQuery淡入淡出瀑布流效果是一款简单有效的jquery瀑布流特效。
jQuery首页轮播-淡入淡出效果-大图.
jQuery图片淡出淡入效果.zip
reveal-it.js是一款jQuery文字淡入淡出显示特效插件。该文字特效插件可以使文字从左向右淡入淡出显示。该插件小巧简单,非常适合用于制作标题文字的动画效果。
80. 下载JQuery淡入淡出效果插件InnerFade 81. 下载jquery走马灯效果图片连续滚动的实例 82. 几种简单实用jQuery焦点图片自动切换效果 83. 分享jquery仿LightBox动感多样式图片放大插件zoomimage下载 84. 分享...
jQuery实用淡入淡出幻灯片是一款经典实用的淡入淡出幻灯片,带索引按钮,自动播放,淡入淡出过渡效果。
crossfade.js是一个非常小的jQuery插件程序.当您滚动鼠标时图像实现叉淡入淡出效果。浏览器要求ie8以上版本。演示地址:http://www.jq22.com/jquery-info459
jQuery超炫淡入淡出效果DIV渐变居中弹出框插件
Jquery淡入淡出幻灯片特效图片切换源码下载
超实用的jQuery淡入淡出焦点图插件 带3D相框 超实用的jQuery淡入淡出焦点图插件 带3D相框
用JQuery实现窗口的淡入淡出效果,用JQuery实现窗口的淡入淡出效果