jquery - jquery - 如何制作高亮功能

Question

我有一个导航，其中一个按钮需要突出显示！

它需要font-weight: 600;在2 秒后返回font-weight: 0;并一直重复 - “字体粗细”更改之间的时间为 2 秒。如何做一个循环？

Answer 1

就toggleClass()在一个interval：

jsBin 演示

CSS：

.bolded{
  font-weight:600;
}

jQuery：

function toggleBold(){
  $('a.active').toggleClass('bolded');
}

setInterval(toggleBold, 2000);

Answer 2

function changeFontWeight() {
 var fontWeight = $('#buttonID').css('fontWeight');
 if(fontWeight == '600') { 
   $('#buttonID').css('fontWeight', 0);
 } else { 
   $('#buttonID').css('fontWeight', 600);
  }
}



 setInterval(changeFontWeight,2000)

Answer 3

setInterval("var fontWeight = $('#buttonID').css('fontWeight'); if(fontWeight == '600') { $('#buttonID').css('fontWeight', 0); } else { $('#buttonID').css('fontWeight', 600); }", 2000);

我没有测试过，但这是一般理论