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

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

<script type="text/javascript" src="<?php echo TEMPLATE_URL; ?>js/jQueryColor.js"></script>

        然后,再引入一个自建的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中五种的一种。