日期:2014-05-17  浏览次数:20601 次

分享使用jQuery和CSS实现的一个超酷缩略图悬浮逼近效果

日期:2012/01/07? 来源:GBin1.com

分享使用jQuery和CSS实现的一个超酷缩略图悬浮逼近效果

在线演示 ? 本地下载

今天我们为大家介绍一个使用jQuery实现的缩略图逼近效果。主要的想法是当鼠标接近缩略图后,当前的缩略图会放大,并且周围相邻的缩略图也会相应变大一些,当你移动鼠标时,会影响移动方向上的缩略图大小变化,具体效果请大家查看演示。

你可以在这个网站http://porscheeveryday.com/ 看到这个效果的原型,这里我们使用jQuery实现了一个jQuery版本的基本效果,希望大家喜欢!

在这个教程中,我们将使用James Padolsey 的 jQuery Proximity plugin 。