创建 3d 立方体的 jQuery 插件 jCube

码农软件 · 软件分类 · 其他jQuery插件 · 2020-01-02 22:43:33

软件介绍

jCube

只需添加一行js脚本就可以创建出一个可以拖动旋转的3d立方体。

用法

基本使用方法

<head>
    <script src="jquery.min.js"></script>  
    <script src="../dist/jCube.min.js"></script> 
</head>

<body>
...

<div class="room">

</div>
... 
<script>  
    $(function(){  
        $('.room').jCube({  
            wallWidth:635,  
            wallHeight:664,  
            cube:{  
                back:'a/back.jpg',
                front:'a/front.jpg',
                left:'a/left.jpg',
                right:'a/right.jpg',
                top:'#90c0c0',
                bottom:'#9f5d3b'  
                },  perspectiveRate:1.21  });  
           });
</script> 
</body>

配置项

  • 可用配置项

    • 墙纸宽度 wallWidth , 墙纸高度 wallHeight

    • 立方体背景配置 cube

    • 墙面附加物配置 attach

    • 立方体class名称 cubeClass

    • 视角调整比例 perspectiveRate

默认配置

{
    wallWidth: 300,
    wallHeight: 300,
    cube: {
        front: 'white',
        back: 'white',
        left: '#d3d3d3',
        right: '#d3d3d3',
        top: '#f3f3f3',
        bottom: '#ddd' },
    attach: {
        front: '',
        back: '',
        left: '',
        right: '',
        top: '',
        bottom: '' },
    cubeClass: 'room-cube',
    perspectiveRate: 1,
    viewLimit: {
        xMin: -15,
        xMax: 15,
        yMin: -360,
        yMax: 360 }
}

详细请查看

本文地址:https://codercto.com/soft/d/22535.html

数据库系统概念

数据库系统概念

(美)Abraham Silberschatz、(美)Henry F.Korth、(美)S.Sudarshan / 杨冬青、李红燕、唐世渭 / 机械工业出版社 / 2012-3 / 99.00元

【编辑推荐】 数据库领域的殿堂级作品 夯实数据库理论基础,增强数据库技术内功的必备之选 对深入理解数据库,深入研究数据库,深入操作数据库都具有极强的指导作用! 【内容简介】 本书是数据库系统方面的经典教材之一,其内容由浅入深,既包含数据库系统基本概念,又反映数据库技术新进展。它被国际上许多著名大学所采用,包括斯坦福大学、耶鲁大学、得克萨斯大学、康奈尔大学、伊利诺伊大学......一起来看看 《数据库系统概念》 这本书的介绍吧!

随机密码生成器
随机密码生成器

多种字符组合密码

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具