CSS / jQuery：使图标闪烁 [英] CSS/jQuery: make the icon blink

问题描述

我有一个图标，

  .iconPM {
 background：url（../ images / icons / mail_16x16.png）no-repeat; 
 width：16px; 
 height：16px; 
 border：none; 
 display：inline-block; 
} 
  

不知道我是否可以通过简单的css或jquery 。

解决方案

一个简单的jquery就是这样：

  function blink（）{
 $（'。iconPM'）。delay（100）.fadeTo（100,0.5）.delay ）.fadeTo（100,1，blink）; 
} 
 
 $（document）.ready（function（）{
 blink（）; 
}）; 
  

I remember doing some css learning where i learned to make text-decoration: blink, and the text started blinking.

Now i have a icon,

.iconPM{
background: url(../images/icons/mail_16x16.png) no-repeat;
width: 16px;
height: 16px;
border: none;
display:inline-block;
}

Wonder if i can make this blink, either by simple css or jquery if required. Or maybe any other nice effects available in jquery recommended

解决方案

A simple jquery like this would do it:

function blink(){
    $('.iconPM').delay(100).fadeTo(100,0.5).delay(100).fadeTo(100,1, blink);
}

$(document).ready(function() {
    blink();
});

这篇关于CSS / jQuery：使图标闪烁的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！