jQuery实现图片3D折叠，翻页，翻书效果

最新推荐文章于 2024-06-03 16:52:53 发布
最新推荐文章于 2024-06-03 16:52:53 发布
阅读量1.5k 收藏
点赞数
分类专栏： 效果


下面为大家介绍的是

3D Thumbnail Hover Effects

这是一款jQuery插件，能实现鼠标放在图片区域时，图片呈现3D折叠或翻页，翻书的效果，

看起来很有动感，就像是一张真实的照片被翻动一样，如下图：

演示地址：http://jquery.waaqi.com/3D-Thumbnail-Hover-Effects/index.html

下载地址：http://www.waaqi.com/wp-content/uploads/2012/11/3D-Thumbnail-Hover-Effects.zip

 

原文地址：http://tympanus.net/Tutorials/3DHoverEffects/index4.html

画夜
关注
专栏目录
jQuery3d旋转翻书效果
11-03
jQuery3d旋转翻书效果 jQuery3d旋转翻书效果 jQuery3d旋转翻书效果
jQuery实现3D图片翻牌切换 淡入淡出效果
08-23
今天我们要来分享一款利用jQuery实现的3D图片翻牌切换效果，当你点击上一张下一张按钮或者滚动滚轮的时候图片就能够以淡入淡出的方式切换，类似翻牌的效果，非常酷。另外我们再推荐一款很棒的jQuery焦点图插件：HTML5/jQuery 3D焦点图插件 多种超酷切换动画。
CSS3、jQuery实现3D翻书动画
weixin_30781433的博客
05-07 140
使用CSS3 ，jQuery实现点击翻书动画效果，完整效果可在firefox中查看 HTML <div class="desktop"> <div class="book"> <div class="page bg end"> <div ...
pdf.js+turn.js实现电子书3d翻页效果
最新发布
qq_51035159的博客
06-03 777
网上查了很多资料最后终于弄好了，记录一下。
jQuery实现点击图片翻页展示效果的方法
12-11
本文实例讲述了jQuery实现点击图片翻页展示效果的方法。分享给大家供大家参考。具体实现方法如下： 代码如下:<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”> <html> <head> <title>基于jQuery实现的点击图片翻页展示效果</title> <meta http-equiv=”content-type” content=”text/html;charset=gb2312″> <style type=”text/css”> .div{width:240px;height:90px;z-index:0
jQuery+css3实现3D翻书页面布局效果
09-18
jQuery+css3实现3D翻书页面布局效果demo很简单
JQ彩色3D纸片折叠动画
qq_35515563的博客
03-02 490
JQ彩色3D纸片折叠动画 闲着无聊做了一个玩~ 因是JQ制作，开始前请引入js css源码： body { -webkit-perspective: 500; } .wrap { position: relative; width: 200px; height: 200px; margin: 200px auto; -
jQuery全屏浏览大图插件带翻页 - baguettebox
ICode联盟
12-10 222
下载地址 HTML JSbaguetteBox.run(".baguetteBoxOne", { animation: "fadeIn",}); dd:
jQuery图片3d翻转效果切换插件
ICode联盟
02-25 187
下载地址 jQuery图片翻转切换让你创建一个简单的但美丽的3d效果画廊使用最少的HTML标记。 dd:
html5+jquery制作3D图片翻转切换特效
zll105847174的专栏
10-23 733
http://www.xwcms.net/js/html5sl/42542.html
turn.js电子书翻页特效实例
02-27
使用turn.js实现的电子书翻页特效。鼠标移到页脚，点击拖动可以实现翻页。有硬板纸和普通纸2种纸张翻页的效果。
jquery带3D立体翻书效果的电子书相册代码下载.zip
07-03
jquery带3D立体翻书效果的电子书相册代码下载
jQuery 3d翻转切换图片展示插件
12-12
StackSlider是一款有趣的jQuery 3d翻转切换图片展示插件。该图片展示插件开始时图片像是两幅扑克牌一样堆砌着，点击前后按钮后，图片以3d翻转的方式从一叠运动到两幅牌的中间，然后跌落到另一叠上。
jQuery图片3d翻转切换展示幻灯片特效
12-11
这是一款使用jQuery和css3制作的图片3d翻转切换展示幻灯片特效。该图片图片展示幻灯片特效中当鼠标点击图片时，图片以水平或垂直3d翻转的方式切换到下一张图片，还可以使用鼠标滚轮来前后切换图片。
纯JavaScript 实现3D翻页效果
03-26
利用纯JavaScript，实现3D的翻页效果 支持前一页后一页翻页 翻页时有3D效果
jq demo—图片翻页展示效果 animate()动画
weixin_34112900的博客
01-07 609
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> </head> <style type="text/css"> html,h2,h4,ul,li{margi...
ajax实现翻书效果,jquery实现图片翻页效果
weixin_34576446的博客
08-05 294
$(function($){$.fn.changeList = function(options){var defaults = {tag : 'li', // tab namesubName : '.utilTabSub', // sub class nameeventType : 'click', // event typenum : 4,showType : 'show' // show e...
一款Jquery实现翻书特效
coupeixiang6814的博客
05-21 161
翻书效果功能代码如下： var $pageheight = 189; var $pagewidth = 146; var $p...
jQuery+turn.js翻书、文档和杂志3种特效演示
zaixianshouce的博客
11-21 694
很好用的一款插件jQuery+turn.js翻书、文档和杂志3种特效演示  在线预览 下载地址 实例代码 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmln...
jQuery翻页动画电子杂志：实现3D翻书效果与HTML元素灵活应用
CSS3书本翻页动画虽然之前被提及，但其效果可能较为基础，而本文要分享的是更进阶的jQuery书本翻页3D动画，它具备更强的功能性和更佳的视觉体验。这种动画不仅支持多页翻阅，而且允许用户自由添加HTML元素，灵活性极...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值