图片呈现jQuery中fadeIn、fadeOut、fadeTo的用法（图片隐藏与显示）

本文笔者在北京逛街的时候突然想到的...之前就有想写几篇关于图片呈现的文章，所以回家到之后就奋笔疾书的写出来发表了

<head>

#img1

{

width:400px; height:500px;

}

</style>

$(function () {

$('#Button1').bind('click', function () {

$('img').fadeOut(2000, function () {

$('#Button1').val('哎，没了'); //图片的消逝

});

})

$('#Button2').bind('click', function () {

$('img').fadeIn(2000, function () {

$('#Button2').val('有了'); //图片的呈现

});

})

$('#Button3').bind('click', function () {

$('img').fadeTo(2000, 0.3, function () {

alert('画动执行终了'); //图片透明度

});

})

$('#Select1').bind('change', function () { //可是以change或者是click事件

$('img').fadeTo(1000, $('#Select1 option:selected').val());

每日一道理
如果说友谊是一颗常青树，那么，浇灌它的必定是出自心田的清泉；如果说友谊是一朵开不败的鲜花，那么，照耀它的必定是从心中升起的太阳。多少笑声都是友谊唤起的，多少眼泪都是友谊揩干的。友谊的港湾温情脉脉，友谊的清风灌满征帆。友谊不是感情的投资，它不需要股息和分红。（友谊可以换其他词语）

})

</script>

</head>

<body>

</select>

</body>

文章结束给大家分享下程序员的一些笑话语录：真正的程序员喜欢兼卖爆米花，他们利用CPU散发出的热量做爆米花，可以根据米花爆裂的速度听出正在运行什么程序。

转载于:https://www.cnblogs.com/jiangu66/archive/2013/05/07/3065766.html

图片呈现jQuery中fadeIn、fadeOut、fadeTo的用法（图片隐藏与显示）相关推荐

jquery动画效果 animate() 自定义动画 stop() 停止运行动画 fadeIn()/fadeOut()/fadeTo() 淡入淡出
jquery动画效果今天给大家介绍一下jQuery当中的几种动画效果. . animate() 自定义动画 stop() 停止运行动画 fadeIn()/fadeOut()/fadeTo() 淡入淡 ...
jQuery中淡入效果fadeTo
jQuery中淡入效果fadeTo 淡入淡出fadeto与fadeout都是修改元素样式的opacity[oʊˈpæsəti]属性,但是他们都有个共同的特点,变化的区间要么是0,要么是1.Fadein ...
jquery中this与$(this)的用法区别.
2019独角兽企业重金招聘Python工程师标准>>> jquery中this与$(this)的用法区别.先看以下代码: $("#textbox").hover( ...
关于Jquery中ajax方法data参数用法的总结
关于Jquery中ajax方法data参数用法的总结 jquery手册描述: 示例: $.ajax({type: "POST",url: "some.php", ...
jquery ajax实例get,jQuery中ajax的get()方法用法实例
本文实例讲述了jQuery中ajax的get()方法用法.分享给大家供大家参考.具体分析如下: $.get()通过 HTTP GET请求从服务器上请求数据. 语法结构: $.get(url, [dat ...
原生JS实现淡入淡出效果(fadeIn/fadeOut/fadeTo)
淡入淡出效果,在日常项目中经常用到,可惜原生JS没有类似的方法,而有时小的页面并不值得引入一个jQuery库,所以就自己写了一个,已封装, 有用得着的朋友, 可以直接使用. 代码中另附有一个设置元素透 ...
android文本自动添加图片格式,Android中多行文本末尾添加图片排版问题的解决方法...
前言最近在项目中需要在某个多行英文文本末尾增加一个图片,尝试了很多方法,最后用了一个比较Tricky的方法解决了,当然这种方法不一定是最好最优的解决办法,记录一下. 问题如果直接使用drawabl ...
关于jQuery中end()的定义和用法
end()定义和用法 end() 方法结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态. 以上是官方说法,比较难理解. 还是用一个例子来说明 <!DOCTYPE html> ...
jQuery中end()的定义和用法介绍。
定义和用法 end() 方法结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态. 以上是官方说法,比较难理解. 还是用一个例子来说明 <!DOCTYPE html> <h ...

图片呈现jQuery中fadeIn、fadeOut、fadeTo的用法（图片隐藏与显示）

图片呈现jQuery中fadeIn、fadeOut、fadeTo的用法（图片隐藏与显示）相关推荐

最新文章

热门文章