SliceBox

SliceBox相当于一个轮播图插件,只不过是3D的. 先来查看它能实现的效果: 官网:http://tympanus.net/codrops/2011/09/05/slicebox-3d-image-slider/ 兼容性:由于该插件使用到了CSS3中的变换变形等属性,所以在不支持CSS3的浏览器中看不到3D效果, 但是图片切换的时候会是前一张图片淡入后一张图片淡出的效果,不支持ie6,在ie6+的版本中基本上看不到3D效果,ie7 8 9 都是淡入淡出效果,在ie10中效果更糟,虽然有3D…

jQuery的slicebox插件实现3D翻转轮播效果

最近做项目,banner要实现立体的翻转效果,通过搜索,发现了jQuery的一款插件,能够很好的实现该效果,这里就记录一下. 效果图如下: 使用方法: 1. 在html中引入必要的js和css文件: <!DOCTYPE html> <html lang="en"> <head> <title>Slicebox - 3D Image Slider</title> <meta charset="UTF-8"…

3d转换-正方体-Html5Css3-遁地龙卷风

(-1) 写在前面我用的是chrome49,这个案例是从网上看到的,向这位同行致敬,建议大家在记录自己学习感悟时,向我一样加上笔名,被转载的时候还能留下点东西. 在研究slice-box.js的时候发觉自己需要3D转换的知识,了解之后感觉还是差点. 话说还没碰到一次web前端的面试,想当个实习生也不容易.一天又过去了啊! (0)案例演示 (1)知识储备 a. perspective: 800px; 相当于镜头与被拍摄物体之间的距离,近大远小. b. transform-style: prese…

精心挑选10款优秀的 jQuery 图片左右滚动插件

在现代的网页设计中,图片和内容滑块是一种极为常见和重要的元素.你可以从头开始编写自己的滑动效果,但是这将浪费很多时间,因为网络上已经有众多的优秀的 jQuery 滑块插件.当然,如果要从大量的 jQuery Slider 中挑选出适合自己的插件也是需要一些时间的.因此这篇文章给大家挑选了10款优秀的 jQuery Slider 插件,希望能帮助到你. 您可能感兴趣的相关文章 12款经典的白富美型 jQuery 图片轮播插件精选12款优秀 jQuery Ajax 分页插件和教程 10大流行的 M…

使用 CSS3 实现 3D 图片滑块效果【附源码下载】

使用 CSS3 的3D变换特性,我们可以通过让元素在三维空间中变换来实现一些新奇的效果. 这篇文章分享的这款 jQuery 立体图片滑块插件,利用了 3D transforms(变换)属性来实现多种不同的效果. 温馨提示:为保证最佳的效果,请在 IE10+.Chrome.Firefox 和 Safari 等现代浏览器中浏览. 源码下载在线演示实现的基本思路是创建三维图像切片,作为三维物体的另一侧,旋转并显示下一个图像.若浏览器不支持3D变换,一个简单的滑块将作为后备方案.要调用这个…

Web 开发最有用的50款 jQuery 插件集锦——《图片特效篇》

<Web 开发最有用的50款 jQuery 插件集锦>系列文章向大家分享最具创新的50款 jQuery 插件,这些插件分成以下类别:网页布局插件,导航插件,表格插件,滑块和转盘插件,图表插件,图片特效插件,视频插件等等,将陆续分享给大家,记得关注和收藏啊. 您可能感兴趣的相关文章 50款最有用的 jQuery 插件集锦<表单篇> 50款最有用的 jQuery 插件集锦<网页布局篇> 50款最有用的 jQuery 插件集锦<内容滑块篇> 50款最有用的 jQu…

使用CSS3实现3D图片滑块效果

使用 CSS3 的3D变换特性,我们可以通过让元素在三维空间中变换来实现一些新奇的效果. 这篇文章分享的这款 jQuery 立体图片滑块插件,利用了 3D transforms(变换)属性来实现多种不同的效果. 温馨提示:为保证最佳的效果,请在 IE10+.Chrome.Firefox 和 Safari 等现代浏览器中浏览. 实现的基本思路是创建三维图像切片,作为三维物体的另一侧,旋转并显示下一个图像.若浏览器不支持3D变换,一个简单的滑块将作为后备方案.要调用这个插件,首先把图片放在无序列表中…

onethink插件二（首页图片轮播）

2014年8月1日 15:34:15 基于slice-box 写了一个图片轮播的插件. 一.功能: 1.图片轮播功能 2.自定义功能(数量,效果,打开方式) 3.多重效果一键切换 4.独立性强,不影响其他代码二.效果图: 下载地址:http://download.csdn.net/detail/douniwan123654/7704095…

第一章 jQuery基础

第一章jQuery基础一.jQuert简介 1.什么是jQuery jQuery是javaScript的程序库之一,它是javaScript对象和实用函数的封装. jQuery是继Prototype之后又一个优秀的javaScript库,是由美国人 Johh Resig于2006年创建的开源项目. jQuery只是javaScript的程序库,只相当于它的一个子集,并不能完全取代javaScript. 2.为什么要使用jQuery 与javaScript相比,使用jQuery制作交互特效的语…

使用 CSS3 实现 3D 图片滑块效果

Slicebox – A fresh 3D image slider with graceful fallback 英文原文地址:http://tympanus.NET/codrops/2011/09/05/slicebox-3d-image-slider/项目地址:https://github.com/codrops/Sliceboxdemo地址:http://tympanus.net/Development/Slicebox/index.html 使用 CSS3 的3D变换特性,我们可以通过…

10款jQuery图片左右滚动插件

在现代的网页设计中,图片和内容滑块是一种极为常见和重要的元素.你可以从头开始编写自己的滑动效果,但是这将浪费很多时间,因为网络上已经有众多的优秀的 jQuery 滑块插件.当然,如果要从大量的 jQuery Slider 中挑选出适合自己的插件也是需要一些时间的.因此这篇文章给大家挑选了10款优秀的 jQuery Slider 插件,希望能帮助到你. 1.SlidesJS SlideJS带有CSS3过渡,你必须停止和播放幻灯片,在你的意志的控制.这是非常简单与方便的导航来管理了. 在线预览 2.…

【SliceBox】的更多相关文章

绝对炫的3D幻灯片-SLICEBOX

SliceBox

jQuery的slicebox插件实现3D翻转轮播效果

3d转换-正方体-Html5Css3-遁地龙卷风

精心挑选10款优秀的 jQuery 图片左右滚动插件

使用 CSS3 实现 3D 图片滑块效果【附源码下载】

Web 开发最有用的50款 jQuery 插件集锦——《图片特效篇》

使用CSS3实现3D图片滑块效果

onethink插件二（首页图片轮播）

第一章 jQuery基础

使用 CSS3 实现 3D 图片滑块效果

10款jQuery图片左右滚动插件

Bootstrap进阶五：Web开发中很实用的交互效果积累

JQuery制作网页——第五章初识 jQuery

掘金 Android 文章精选合集

第一章jQuery基础

10个超漂亮的CSS 3D特效