表单提示输入,边框颜色渐变

  今儿干活,有个表单内容变化的时候,我寻思提示下用户。就打算用边框的颜色变化提醒,想到jquery中渐变的js代码都是用setTimeout()这种实现的。

我也就玩玩。

其中渐变色中,我使用的红色

#ff000 是红色,#ff8888是稍微浅一些的红色,#e2e2e2是原来的边框颜色;

渐变的原因就是设置个timeout值,颜色递减变浅。当然可以再多写几个setTimeout让渐变的更逼真哈哈

function alertUser(obj){
    obj.css("border","2px solid #FF0000");
    setTimeout(function(){
       obj.css("border","2px solid #FF8888");
       setTimeout(function(){obj.css("border","2px solid #e2e2e2");}, 100);
     }, 200);
 }


原文地址:https://www.cnblogs.com/firstForEver/p/4992620.html