输入字段值不透明度动画

Input field value opacity animation

本文关键字:动画 不透明度 字段 输入      更新时间:2023-09-26

如何让输入字段的不透明度在300秒内从0.5变为1.0,然后再回到0.5并循环呢?

function pulse() {
    $('#myElement')
        .animate({opacity:1.0}, 300)
        .animate({opacity:0.5}, 300, pulse);
}
pulse();

假设您指的是300ms (http://jsfiddle.net/WtYSM/)

如果要制作动画的元素id为foo:

function toOpa05() {
    $('#foo').animate({opacity: 0.5}, 300, toOpa1);
}
function toOpa1() {
    $('#foo').animate({opacity: 1.0}, 300, toOpa05);
}
toOpa05();

这里的工作示例:http://jsfiddle.net/egVy4/