码迷,mamicode.com
首页 > Web开发 > 详细

jquery动画效果和rgb应用什么的

时间:2018-09-12 00:00:53      阅读:224      评论:0      收藏:0      [点我收藏+]

标签:nim   正则表达   width   class   new   +=   duration   col   OLE   

var rgb = $b.css("background-color");
    console.log(rgb);
    var list = new Array();
    var s = rgb.replace(/rgb\((\d{1,3})\,\s*(\d{1,3})\,\s*(\d{1,3})\)/, "$1+$2+$3");
    console.log(s);
    list = s.split(‘+‘);
    console.log(list);
    for(var i = 0; i < list.length; i++)
    {
        list[i]=parseInt(list[i]) + 10;
    }
    console.log(list);
    $b.css("background-color", "rgb("+list[0]+","+list[1]+","+list[2]+‘)‘);

上面是根据正则表达式从css中的background-color提取rgb

并且改变rgb

 

 

jQuery 自带的animate的高级用法

一般是直接用花括号写一些要改变的东西

$b.animate(
        {width: "+=80px"}, 
        {duration:1000, 
        step: function(){
            $(this).css("height", function(){
                return parseInt($(this).css("height"))+1;
            });
        }
    }
    )

现在还没什么意思,待更新

 

jquery动画效果和rgb应用什么的

标签:nim   正则表达   width   class   new   +=   duration   col   OLE   

原文地址:https://www.cnblogs.com/incredible-x/p/9630968.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!