hover時のテキストカラーをランダムにする

Ads

Result

ホバーカラーをランダムにします。何のために?とか言わないように。

jQuery

//ホバーイベント
$(".work").hover(function() {
    //配色を作る
    var colors = ["#6F216C", "#F34B0D", "#C50102", "#5DA537", "#F1D81B"];
    //ランダム
    var pick = Math.floor(Math.random() * 5);
    var color = colors[pick];
    $(this).css('color', color);
}, function() {
    //基本色
    $(this).css('color', 'black');
});

html

<h1 class="text work">work</h1>

via

Taste the Rainbow