jQuery 链接变色

我们都知道,我们可以设置一个链接的:hover颜色,但如果我们要添加更多的花样呢? jQuery可以让你不仅指定一种特定的颜色,而且还可以让你添加(动态显示)一组随机的颜色。

$(document).ready(function() {
    var randomLinks = $('a.random-color');
    var original = randomLinks.css('color');
    randomLinks.hover(function() { //mouseover
        var col = 'rgb(' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ')';
        $(this).animate({
            'color': col,
            'paddingLeft': '20px'
        },1000);
    },function() { //mouseout
        $(this).animate({
            'color': original,
            'paddingLeft': '0'
        },500);
    });
});

对于彩色动画部分,您需要额外的彩色动画jQuery插件动画链接是另一个简洁的效果。这种效果并不适合每个人,但它可以为你的使用jQuery的网站添加另一个微妙的滑动效果。

点击这里 查看演示。

翻译自:http://davidwalsh.name/jquery-random-color-animate

转载请注明来源,谢谢。