本文介绍了一种使用JavaScript实现的鼠标悬停效果，当鼠标悬停在带有特定属性的链接上时，链接的颜色会随机变化，并伴有动画效果。此外，链接的内边距也会发生变化。当鼠标移开时，链接将恢复到原始状态。
original = $('a[oid]').css('color');
$('a[oid]').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);
});
$('a[oid]').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);
});
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
