Mbinu fadeTo

Mbinu fadeTo hubadilisha kwa laini uwazi wa kipengele hadi thamani iliyopangwa, katika anuwai kutoka 0 hadi 1.

Syntax

Muda na uwazi hupangwa kwa chaguo lolote la kutumia mbinu. Kubadilisha uwazi kwa muda uliopangwa, 400ms kwa chaguo-msingi:

.fadeTo(muda, thamani ya uwazi);

Muda unaweza kupangwa sio tu kwa millisekunde, lakini pia kwa maneno muhimu slow (600ms) na fast (200ms), thamani kubwa zaidi, huonyesha mwendo wa polepole zaidi:

.fadeTo('slow' au 'fast', thamani ya uwazi);

Pia unaweza kwa parameta ya tatu (ya hiari) kupitisha kitendakazi cha callback - itafanya kazi baada ya utendakazi wa mwendo:

.fadeTo(muda, thamani ya uwazi, [kitendakazi cha callback]);

Pia unaweza kupitisha kitendakazi cha laini na kitendakazi cha callback (parameta za hiari) - itafanya kazi baada ya utendakazi wa mwendo:

.fadeTo(muda, thamani ya uwazi, [kitendakazi cha laini], [kitendakazi cha callback]);

Mfano

Katika mfano ufuatao, kwa kutumia mbinu fadeTo wakati wa kubonyeza kitufe #hide kipengele chenye #test kitafichwa kwa kupunguza uwazi hadi 0.5, na kwa #show - kuonyeshwa:

<button id="hide">hide</button>
<button id="show">show</button>
<div id="test"></div>

#test {
	width: 200px;
	height: 200px;
	background: green;
	color: white;
	margin-top: 10px;
}

$('#show').on('click', function() {
	$('#test').fadeTo(1000, 1);
});

$('#hide').on('click', function() {
	$('#test').fadeTo(1000, 0.5);
});

Tazama pia

mbinu fadeToggle,
ambayo hubadilisha uwazi wa vipengele
mbinu fadeIn,
ambayo huonyesha kwa laini vipengele vilivyofichika, ikifanya viwe visioonekana
mbinu animate,
ambayo huonyesha mwendo wa sifa za vipengele