zhangyaochun
- 浏览: 2613041 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout（布局研究） (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom：
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王：
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988：
能提供附件下载吗，找不到js库，google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd：
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk：
试了，没用，你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
本文继续介绍一款低成本的图片翻转插件：
官网：
http://code.google.com/p/jquery-rotate/
感受：
- 代码小但是比较old
- 采用DXImage Transform filter for IE
- 采用Canvas为非IE
api：
- rotate
- rotateLeft
- rotateRight
分享到：
发表评论
-
ImageMagick
2014-08-14 13:42 1178ImageMagick： 创建、编辑、 ... -
GraphicsMagick简介
2014-08-14 13:35 1198GraphicsMagick： 图像 ... -
什么是cairo
2014-08-11 20:48 1270cairo： 免费的矢量绘图软件库 ... -
jquery插件之jquery-json
2014-05-19 11:56 1032本文收录一篇jquery-json ... -
progressive jpeg
2014-04-30 18:22 1305本文介绍一下baseline jpeg 和 ... -
jq插件之jPlayer
2014-03-23 19:05 1269本文介绍一篇音乐和视频播放的插件： ... -
jquery插件之nicescroll
2013-05-21 14:53 1950本文介绍一个scroll的插件： ... -
jquery全屏版插件
2013-04-11 13:29 0先贴上代码： ;(function($) ... -
jquery插件之qrcode
2013-03-15 13:14 0本文介绍一个不错的qr二维码jq插件： ... -
jq插件之metadata
2013-03-11 17:19 1667先直接上源码吧： (function( ... -
关于图片滚动放大
2013-01-24 10:15 1335前面写过一篇关于滚轴的兼容，有兴趣移步这里：http:// ... -
threeJS
2013-01-23 11:25 1321three.js WebGL第三方库，提供 ... -
WebGL
2013-01-23 11:18 1277WebGL ---------- ... -
Processing.js
2013-01-18 14:09 1278Processing.js 采用js绘制形状sha ... -
Retina系列相关探究开篇
2012-12-26 12:18 1292前言： 从w3cplus上面看到一个不错的topi ... -
2012悲催的gif图片之谜
2012-12-20 19:58 19072012了，其实我们还有很多不知道，比如： gif图 ... -
图片翻转插件jQuery Rotate
2012-11-29 15:46 2156jQuery Rotate插件 用途： 主要 ... -
DD_belatedPNG简介
2012-11-22 16:46 0主要解决问题： ie6的不支持png24 ... -
IE6问题整理
2012-11-22 16:34 1247问题：IE6不支持PNG24的半透明 PNG2 ... -
关于如何选择图片格式
2012-11-01 20:06 1348给出几种场景下对应的图片格式： 1、广告图片、照片、 ...
相关推荐
5. **翻转参数**：jQuery-flip插件提供了一系列参数，可以自定义翻转效果，如duration（翻转持续时间）、direction（翻转方向）、onEnd（翻转结束后执行的回调函数）等。通过调整这些参数，你可以定制独特的翻转动画...
jQuery-Cropper 是一个基于 jQuery 的图像裁剪插件，它提供了丰富的功能，允许用户在网页上进行自定义的图片剪切操作。这款插件由 Feng Yuan Chen 开发，其官方网站为 <https://fengyuanchen.github.io/cropper> ，...
在本文中，我们将深入探讨如何使用jQuery插件来实现图片的垂直和水平翻转效果。jQuery是一个非常流行的JavaScript库，它极大地简化了DOM操作、事件处理以及动画效果的创建。在网页设计中，图片翻转效果可以增加互动...
**jQuery 翻转插件详解** 在网页开发中，动态效果往往能为用户体验增色不少，其中翻转效果就是一种常见的动态展示方式。jQuery 是一个广泛使用的 JavaScript 库，它简化了DOM操作、事件处理、动画制作等功能，而...
《jQuery图片翻转JS特效详解》 在网页设计与开发中，动态的视觉效果往往能提升用户体验，增强网站的吸引力。jQuery作为一个强大的JavaScript库，提供了丰富的API和插件，使得实现复杂的交互效果变得轻而易举。本篇...
在描述中提到的"jquery插件-三维翻转内容"是指该项目的核心功能——jQuery Flip插件。该插件允许开发者将HTML元素在视觉上进行三维翻转，创造出吸引人的动画效果，常用于卡片设计、菜单项或任何需要动态展示信息的...
例如，使用`rotateX()`和`rotateY()`可以创建垂直或水平翻转，而`translate3d()`则可以进行深度调整，使得图片在滑动时产生深度效果。 3. **CSS3 动画**：CSS3的`transition`和`animation`属性使得我们可以平滑地...
同时，结合其他jQuery插件，如Lightbox，还能实现翻转后的图片预览功能，进一步提升用户体验。 总的来说，"Jquery特效之超炫图片翻转"是利用jQuery的动画功能和CSS3的3D变换，创造出的一种富有视觉冲击力的网页互动...
上次我们介绍过一款基于HTML5的图片马赛克效果，今天我们要来介绍一款基于jQuery的图片裁剪插件，这款jQuery图片裁剪插件可以选择裁剪框的尺寸比例，可以设置高宽尺寸，同时可以设置图片翻转角度，当然也支持图片的...
**jQuery 3D图片轮播插件详解** 在网页设计中，动态的图像展示往往能吸引用户的注意力，提升用户体验。jQuery 3D图片轮播插件正是为了实现这一目的而诞生的。它利用jQuery库的强大功能，结合CSS3的3D变换技术，为...
**jQuery和CSS3 3D翻转图片幻灯片插件详解** 在现代网页设计中，动态效果和交互性已经成为提升用户体验的重要手段。本篇将详细介绍一个基于jQuery和CSS3技术实现的炫酷3D翻转图片幻灯片插件。这款插件巧妙地将图片...
**jQuery超酷卡片动态3d翻转特效插件详解** jQuery作为一款轻量级的JavaScript库，因其简单易用和丰富的功能集而深受开发者喜爱。本插件利用jQuery实现了卡片的3D翻转效果，为网页添加了引人注目的交互体验。这种...
【jQuery+CSS3图片自动翻转轮播切换特效】是一种常见的网页动态效果，它结合了JavaScript库jQuery的强大功能和CSS3的新特性，创造出引人注目的图像展示方式。这种特效通常用于网站的首页或者产品展示区域，以吸引...
3. **事件监听**：可以监听`crop`事件获取裁切结果，监听`rotate`和`flip`事件处理图片的旋转和翻转操作。 4. **裁切操作**：用户交互时，插件会自动处理选区的移动和缩放，通过API方法如`getCroppedCanvas()`可以...
6. **jQuery插件开发**："jquery.iviewer.js"很可能是一个自定义的jQuery插件，遵循jQuery插件的编写规范，封装了图片查看的相关功能，方便开发者集成到自己的项目中。 7. **响应式设计**：为了适应不同屏幕尺寸的...
**基于Jquery的图片预览插件** 在Web开发中，图片预览是一个常见的需求，尤其是在用户上传图片或浏览相册时。Jquery作为一个轻量级、高性能的JavaScript库，提供了丰富的API和便利的插件机制，使得实现图片预览功能...
图片立体翻转效果通常是通过改变图片的CSS3属性来实现的，特别是`transform`属性中的`rotateX`和`rotateY`。当用户触发某个事件（如鼠标悬停）时，这些属性会被动态修改，使图片看起来像是从一个面翻转到另一个面，...
$('#rotate-button').click(function() { var degrees = $('#image').data('rotation') || 0; degrees += 90; rotateImage(degrees); $('#image').data('rotation', degrees); }); $('#flip-button').click...
CSS3的transform属性提供了rotateX、rotateY和rotateZ等方法，通过这些方法可以对元素进行旋转，从而实现3D翻转。 在jQuery中，我们可以使用`.animate()`函数来平滑地改变CSS属性，包括3D转换参数。结合定时器（如`...
在本资源中，我们关注的是一个使用jQuery库实现的图片弹出翻转特效源码。jQuery是一个非常流行的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。通过jQuery，开发者可以更高效、...