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:

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

Həmçinin CSS-imiz də var:

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

İndi aşağıdakı Javascript kodunu yazaq:

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