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:

javascript.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:

javascript.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:

javascript.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:

javascript.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:

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

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

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

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

Tazama pia