
一、介绍
本案例是模仿QQ登陆的3D动画大背景。感兴趣的可以预览一下,可以切换不同的皮肤。
二、代码及用法
头部引用vector.js
html代码如下:
<div id="container"><div id="output"></div></div> <ul class="color"> <li></li> <li></li> <li></li> <li></li> </ul>
js的代码如下:
// 初始化 传入dom id var victor = new Victor("container", "output"); var theme = [ ["#002c4a", "#005584"], ["#35ac03", "#3f4303"], ["#ac0908", "#cd5726"], ["#18bbff", "#00486b"] ] $(".color li").each(function (index, val) { var color = theme[index]; $(this).mouseover(function () { victor(color).set(); }) });
PREVIOUS:
NEXT: