php鼠标经过变换背景色,利用jQueryColor实现栏目背景颜色的动态变化

今天实现了表栏等鼠标滑过时，表栏的背景颜色就会发生随机的变化，随便看看博客可以看得出。

这个主要是引入jQuery的jQueryColor.js完成的，在head.php引入此JS文件。

然后，再引入一个自建的JS，这个JS内容包括下面的：

jQuery(document).ready(function(a) {

var rbgB=['#71D3F5','#F0C179','#F28386','#8BD38B','#990099'];

a('#wrapper').on('mouseover','#main-nav',function(){

var random=Math.floor(Math.random() * 5);

a(this).stop(true).animate({'backgroundColor':rbgB[random]},1000);

});

a('#wrapper').on('mouseout','#main-nav',function(){

a(this).stop(true).animate({'backgroundColor':'#000'},1000);

});

});

这样当id为wrapper的模块下的id为main-nav有鼠标划过时，main-nav的背景颜色即为随机的rbgB中五种的一种。