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

  今儿干活,有个表单内容变化的时候,我寻思提示下用户。就打算用边框的颜色变化提醒,想到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);
 }


posted @ 2015-11-24 19:22  根号五  阅读(535)  评论(0编辑  收藏  举报