jQuery是通過(guò)控制不透明度的變化來(lái)控制匹配到的元素的淡入淡出效果
fadeIn([speed] [fn]) 通過(guò)不透明度的變化來(lái)實(shí)現(xiàn)匹配到元素的淡入的效果;
fadeOut([speed] [fn])通過(guò)不透明度的變化來(lái)實(shí)現(xiàn)匹配到元素的淡出的效果;
fadeToggle([speed] [fn]) 通過(guò)不透明度的變化來(lái)開關(guān)所有匹配元素的淡入淡出效果;
fadeTo([speed] opacity [fn]) 把所有匹配到元素的不透明度以漸進(jìn)發(fā)方式調(diào)整到指定的不透明度;
// speed:規(guī)定效果的時(shí)長(zhǎng)
fn:動(dòng)畫完成時(shí)執(zhí)行是函數(shù)
opacity:fadeTo()方法中必須參數(shù),控制淡入淡出的效果的不透明度(值介于0與1之間)
$(document).ready(function () {
$('.box1').hide()
$('.btu1').click(function () {
$('.box1').fadeIn(3000)
})
$('.btu2').click(function () {
$('.box2').fadeOut()
})
$('.btu3').click(function () {
$('.box3').fadeToggle(500)
})
$('.btu4').click(function () {
$('.box4').fadeTo(1000, 0.3)
})
})
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號(hào)
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號(hào)