今天实现了表栏等鼠标滑过时,表栏的背景颜色就会发生随机的变化,随便看看博客可以看得出。
这个主要是引入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中五种的一种。