jQuery-də fadeTo metodu
fadeTo metodu
elementin opacity
şəffaflığını müəyyən bir dəyərə qədər azaltmağa imkan verir (0 - tamamilə
şəffaf, 1 - tamamilə qeyri-şəffaf).
Metod birinci parametr kimi şəffaflığın hansı dəyərə dəyişdiriləcəyini, ikinci parametr kimi isə
icra müddətini qəbul edir.
Gəlin elə edək ki, düyməyə kliklədikdə
bizim element 1 saniyə ərzində yarımşəffaf olsun. Əvvəlcə aşağıdakı HTML kodunu götürək:
<button id="fade">click me</button>
<div id="elem">text...</div>
Həmçinin CSS-imiz də var:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
İndi aşağıdakı Javascript kodunu yazaq:
$('#fade').click(function() {
$('#elem').fadeTo(1000, 0.5);
});
