Mbinu ya fadeTo katika jQuery
Mbinu fadeTo
inawaruhusu kupungua uwazi
opacity
ya kipengele hadi thamani fulani (0 - kabisa
uwazi, 1 - kabisa usio uwazi).
Kigezo cha kwanza mbinu inakubali thamani gani
ya uwazi ubadilike, na cha pili
- muda wa utekelezaji.
Wacha tufanye ili kwa kubofya kitufe
kipengele chetu kigeuke kuwa nusu-uwazi kwa
1 sekunde. Kwanza tuchukue msimbo wa HTML ufuatao:
<button id="fade">click me</button>
<div id="elem">text...</div>
Wacha pia tuwe na CSS:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Sasa andika msimbo wa Javascript ufuatao:
$('#fade').click(function() {
$('#elem').fadeTo(1000, 0.5);
});