canvas绘制仿QQ登陆动态背景

所属分类:背景类

 7126次|    46次   点击收藏(6)

canvas绘制仿QQ登陆动态背景

一、介绍

本案例是模仿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();
                    })
                });


关于前端资源库

前端资源库是haorooms博主平时积累的前端资源,大部分来源于互联网。但经过博主调试和加工,集聚了博主的心血。

因此,资源库所有资源,仅供学习和参考,切勿下载下来用于商业用途或者转卖。转载请注明来自haorooms博客资源库!

联系方式
关键词搜索