Gab*_*oli 24
HTML
<div class="blink">blinking text</div>
Run Code Online (Sandbox Code Playgroud)
jQuery的
function blink(selector){
$(selector).fadeOut('slow', function(){
$(this).fadeIn('slow', function(){
blink(this);
});
});
}
blink('.blink');
Run Code Online (Sandbox Code Playgroud)
演示:http://www.jsfiddle.net/gaby/Vaysf/1/
更新(使答案保持最新)
您不再需要使用jQuery来实现此类效果.你可以用CSS(使用CSS动画)来做到这一点.
(http://caniuse.com/#feat=css-animation上的兼容性表)
CSS(使用标准属性)
.blink{
animation:blink 700ms infinite alternate;
}
@keyframes blink {
from { opacity:1; }
to { opacity:0; }
};
Run Code Online (Sandbox Code Playgroud)
http://jsfiddle.net/gaby/Vaysf/649/上的演示(带有供应商前缀属性)
| 归档时间: |
|
| 查看次数: |
30546 次 |
| 最近记录: |