分享使用jQuery和CSS实现的一个超酷缩略图悬浮逼近效果
2012-01-09 00:00
1051 查看
日期:2012/01/07 来源:GBin1.com
在线演示 本地下载
今天我们为大家介绍一个使用jQuery实现的缩略图逼近效果。主要的想法是当鼠标接近缩略图后,当前的缩略图会放大,并且周围相邻的缩略图也会相应变大一些,当你移动鼠标时,会影响移动方向上的缩略图大小变化,具体效果请大家查看演示。
你可以在这个网站http://porscheeveryday.com/ 看到这个效果的原型,这里我们使用jQuery实现了一个jQuery版本的基本效果,希望大家喜欢!
在这个教程中,我们将使用James Padolsey的 jQuery Proximity plugin。
来源:
分享使用jQuery和CSS实现的一个超酷缩略图悬浮逼近效果
在线演示 本地下载
今天我们为大家介绍一个使用jQuery实现的缩略图逼近效果。主要的想法是当鼠标接近缩略图后,当前的缩略图会放大,并且周围相邻的缩略图也会相应变大一些,当你移动鼠标时,会影响移动方向上的缩略图大小变化,具体效果请大家查看演示。
你可以在这个网站http://porscheeveryday.com/ 看到这个效果的原型,这里我们使用jQuery实现了一个jQuery版本的基本效果,希望大家喜欢!
在这个教程中,我们将使用James Padolsey的 jQuery Proximity plugin。
来源:
分享使用jQuery和CSS实现的一个超酷缩略图悬浮逼近效果
相关文章推荐
- 分享使用jQuery和CSS实现的一个超酷缩略图悬浮逼近效果
- 分享使用jQuery和CSS实现的一个超酷缩略图悬浮逼近效果
- 使用HTML5和jQuery插件Quicksand实现一个超酷的星际争霸2兵种分类展示效果
- 使用HTML5和jQuery插件Quicksand实现一个超酷的星际争霸2兵种分类展示效果
- 使用HTML5和jQuery插件Quicksand实现一个超酷的星际争霸2兵种分类展示效果
- 使用HTML5和jQuery插件Reel实现一个超酷的星际争霸2兵种动画360度预览效果
- 使用HTML5和jQuery插件Reel实现一个超酷的星际争霸2兵种动画360度预览效果
- 浅谈CSS和JQuery实现鼠标悬浮图片放大效果
- 使用jQuery开发一个超酷的倒计时效果
- 在jquery用一个按钮实现全选/全不选的效果(attr和prop的区别使用)
- 分享一个分享超酷的添加图片悬浮特效jQuery插件 - Adipoli
- CSS+jQuery实现的一个放大缩小动画效果
- 23、使用jQuery实现动画效果(原理:改变CSS)
- 不使用jquery实现js打字效果示例分享
- 一个CSS+jQuery实现的放大缩小动画效果
- 使用jQuery快速创建一个滚动悬浮的分享菜单
- 使用jQuery插件realshadow实现超酷真实阴影效果
- CSS实现透明效果通用方案以及使用javascript或jquery改变透明度