图片/图形

超酷3D包装盒封面旋转jQuery特效

阿里云


3DCoverjQuery 是一款效果非常炫酷的 3D 包装盒封面旋转 jQuery 特效插件。通过这个插件,你可以很轻易的将图片制作为 DVD,XBOX,游戏和书本的封面,并且可以旋转封面来查看它的正面和反面。

使用方法

在页面中引入 jQuery 和 bootstrap.min.css 以及 Cover3D.css 和 Cover3D.js 文件。

也想出现在这里?联系我们
创客主机
  1. <!-- Bootstrap and JQuery -->
  2. <link rel="stylesheet" href="bootstrap.min.css">
  3. <script src="jquery-2.1.4.min.js"> </script>
  4.  
  5. <!-- Plugin -->
  6. <link rel="stylesheet" href="Cover3D.css">
  7. <script src="Cover3D.js"></script>

HTML 结构

该封面特效的 HTML 结构使用一个<div>来包裹一张图片。

  1. <div id="cover3">
  2.   <img src="img/avengers-dvd-cover-1.jpg"/>
  3. </div>

初始化插件

在页面 DOM 元素加载完毕之后,可以通过 CoverTresD()方法来初始化该封面特效插件。

  1. $('#cover3').CoverTresD();

配置参数

该封面特效只有一个可配置的参数 color。它是封面的边框颜色。

  1. { color:"#FF0" /*Border Color */}

超酷 3D 包装盒封面旋转 jQuery 特效

已有 361 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!