首页
点亮灯案例
想要实现开灯效果,应该怎么办呢?
那就要用到
fadeTo() 方法
fadeTo() 方法逐渐改变被选元素的不透明度为指定的值(褪色效果)。
代码:
Document
div {
width: 100px;
height: 200px;
border: 1px solid #000;
}
div img {
width: 100px;
height: 200px;
}
div img:first-child {
display: none;
}
点亮灯实例
$(function() {
$('input').click(function() {
$('img:last').fadeOut('fast', function() {
$('img:first').fadeIn('slow', function() {
$('input').val('灯亮了');
})
})
$('div').fadeTo('1200', 0.6);
})
})
运行结果:
点击开灯后:
灯亮了!!!
案例所使用图片:
jQuery
相关
jQuery 留言表单验证
[jQuery]下载链接文件
jquery script两个属性
JQuery对象关系图
jQuery 当前展开其他收缩 三级下拉菜单(转载)
jquery 数据查询
jquery手写tab选项卡功能
前端MVC学习总结(三)——AngularJS服务、路由、内置API、jQueryLite
jquery easyui datagrid mvc server端分页排序筛选的实现
前端浅谈 Vue 和 jQuery 的区别
浅谈Vue和Jquery的区别
jquery获取radio的文本或值
标签