首页

关于

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

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

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

在线演示  本地下载

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

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

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

HTML标签

以下代码生成一个无序的缩略图并且添加相关图片描述:

<ul id="pe-thumbs" class="pe-thumbs">
<li>
<a href="#">

标签: HTML/HTML5, CSS/CSS3, jQuery, jQuery API, jQuery plugin, jQuery插件, jQuery特效, jQuery教程, jQuery技术网站, jQuery学习网站, jQuery教程, 逼近悬浮, 悬浮特效, 缩略图悬浮, 缩略图悬浮特效, proximity effect, proximity jquery plugin

阅读更多

标签

© Copywrite by gbin1.com, all rights reserved.