jQuery:jQuery淡入淡出效果语法及修改透明度fadeTo()
1.淡入效果:
fadeIn([speed],[easing]),[fn];
淡入效果参数:
参数是可以都省略的,和之前show()、hide()参数一样;
speed:有slow、normal、fast三种速度,或者也能写数字(如:100);
easing:默认是swing,可以是linear;
fn:回调函数,在该动画执行完毕后再执行
2.淡出效果:
fadeOut();
fadeOut([speed],[easing]),[fn];
参数同上。
3.修改透明度:
fadeTo();
fadeOut(speed,opacity,[easing],[fn]);
参数里速度speed和opacity是必须要写的,其他参数同上。
opacity的透明度值在0~1之间。
代码示例:
<script>
$(function(){// 淡入fadeIn$("ul li").eq(0).click(function(){$(".box").stop().fadeIn(1000);})// 淡出fadeOut$("ul li").eq(1).click(function(){$(".box").stop().fadeOut(1000);})// 淡入淡出切换fadeToggle$("ul li").eq(2).click(function(){$(".box").stop().fadeToggle(1000);})// 修改透明度fadeTo$("ul li").eq(3).click(function(){$(".box").fadeTo(1000,0.5);})
})
</script>
jQuery:jQuery淡入淡出效果语法及修改透明度fadeTo()相关推荐
- jQuery 实现淡入淡出效果
上一节我们学习了如何实现元素的显示与隐藏,本节我们来学习如何实现元素的淡入淡出效果. fadeIn()方法 fadeIn() 方法用于淡入已隐藏的元素. 语法如下所示: $(selector).fad ...
- 淡入淡出效果 || 高亮显示案例
淡入淡出效果 <!DOCTYPE html> <html lang="en"><head><meta charset="UTF- ...
- html淡化效果,jQuery实现基本淡入淡出效果的方法详解
本文实例讲述了jQuery实现基本淡入淡出效果的方法.分享给大家供大家参考,具体如下: jQuery fadeIn()方法:用于淡入已隐藏的元素 jQuery fadeOut()方法:用于淡出可见的元 ...
- JQuery:多张图片的淡入淡出效果。
我们要实现一个这样子的一个动画:多张图片在相同的位置淡入淡出,实现图片的轮流展示.具体实现的思路: 使用定时器setInterval方法,setInterval(<要调用的方法>,时间延时 ...
- html实现新闻滚动效果,jQuery实现新闻播报滚动及淡入淡出效果示例
这篇文章主要介绍了jQuery实现新闻播报滚动及淡入淡出效果,结合实例形式分析了基于jQuery插件的页面元素动态变换相关操作技巧,需要的朋友可以参考下 本文实例讲述了jQuery实现新闻播报滚动及淡 ...
- jquery的淡入,淡出事件 fadeIn fadeOut
jquery的淡入,淡出事件 fadeIn fadeOut 1. fadeIn() 方法使用淡入效果来显示被选元素,(该元素是隐藏的) $(selector).fadeIn(speed,callb ...
- jQuery的淡入淡出
fade方法 有四个方法 fadeIn() fadeOut() fadeToggle() fadeTo() fadeIn() 淡入已隐藏的元素 $("button").click( ...
- 004_淡入淡出效果
1. jQuery淡入淡出方法 1.1. 通过jQuery, 您可以实现元素的淡入淡出效果. 1.2. jQuery拥有下面四种fade方法: fadeIn().fadeOut().fadeToggl ...
- 原生JS实现淡入淡出效果(fadeIn/fadeOut/fadeTo)
淡入淡出效果,在日常项目中经常用到,可惜原生JS没有类似的方法,而有时小的页面并不值得引入一个jQuery库,所以就自己写了一个,已封装, 有用得着的朋友, 可以直接使用. 代码中另附有一个设置元素透 ...
最新文章
- Linux下使用diff和patch制作及打补丁(已经实践可行!)
- 我已经把servlet-api.jar加到classpath中了,可还是无法编译servlet
- 去重之后统计条数_BOPET:12的普通包装膜到底去哪了?
- 小型机oracle命令,Oracle小型机如何选型
- gfdmp和mysql,《高性能MySQL》读书笔记--锁、事务、隔离级别
- Data Pump failed with ORA-04031/ORA-4030?
- 《那些年啊,那些事——一个程序员的奋斗史》——122
- python编程入门与案例详解-Python零基础必看的入门书藉:Python编程从入门到实践...
- C#中yield关键字及注意事项
- 记一次centos 7.3下的steam安装(该“STEAM”软件为美国valve开发的游戏平台)
- 产品经理认证(NPDP)知识体系指南(笔记2)
- kali利用fluxion无线网络钓鱼
- Java 合并、拆分PDF文档
- 服务器上没有空闲位置星露谷,星露谷物语 献祭全房间收集攻略(上)
- problem 1148
- 使用Socket实现点对点的文件传输
- 32/64位系统支持多大内存
- GeneXus与其它低代码平台有什么不同
- 基于 node.js 的校园交流平台的设计与实现(word文档)
- DFS(Depth First Search,深度优先搜索)与BFS(Breadth First Search,广度优先搜索)总结与思考