jQuery 链接变色
一分钟读完

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

转载请注明来源,谢谢。