fadeTo მეთოდი jQuery-ში

fadeTo მეთოდი საშუალებას გვაძლევს შევამციროთ ელემენტის opacity გარკვეული მნიშვნელობამდე (0 - სრულიად გამჭვირვალე, 1 - სრულიად გაუმჭვირვალე). პირველი პარამეტრი განსაზღვრავს გამჭვირვალეობის მნიშვნელობას, ხოლო მეორე - შესრულების დროს.

მოდით გავაკეთოთ ისე, რომ ღილაკზე დაწკაპუნებისას ჩვენი ელემენტი გახდეს ნახევრად გამჭვირვალე 1 წამში. პირველ რიგში, ავიღოთ შემდეგი HTML კოდი:

<button id="fade">click me</button>
<div id="elem">text...</div>

გვქონდეს აგრეთვე CSS:

#elem {
	padding: 10px;
	width: 150px;
	height: 150px;
	border: 1px solid green;
	margin-top: 10px;
}

ახლა ჩავწეროთ შემდეგი Javascript კოდი:

$('#fade').click(function() {
	$('#elem').fadeTo(1000, 0.5);
});