當前位置：首頁 > 编程资源 > 综合教程 >内容正文

综合教程

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

發布時間：2023/12/13 综合教程 28 生活家

生活随笔收集整理的這篇文章主要介紹了图片呈现jQuery中fadeIn、fadeOut、fadeTo的用法（图片隐藏与显示）小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

本文筆者在北京逛街的時候突然想到的...之前就有想寫幾篇關于圖片呈現的文章，所以回家到之后就奮筆疾書的寫出來發表了

<head>

#img1

{

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散發出的熱量做爆米花，可以根據米花爆裂的速度聽出正在運行什么程序。

以上是生活随笔為你收集整理的图片呈现jQuery中fadeIn、fadeOut、fadeTo的用法（图片隐藏与显示）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。