jQuery да fadeTo методу
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);
});