推荐10个吸引人的jQuery插件
jopen 13年前
<p> 本文选取了10个非常吸引眼球的 jQuery 小组件和插件与大家分享,其中包括图片廊、页面布局以及图片变化等等。 希望大家喜欢。</p> <p> <strong><a href="/misc/goto?guid=4958193490916835242" target="_blank">1. jQuery Masonry</a></strong></p> <p> jQuery 的一个布局插件。可以将它视为 CSS 浮动的另一面。CSS 浮动是基于水平方向然后才是垂直方向, 而使用 Masonry 则通过网格控制元素的垂直方向,然后才是水平方向。</p> <p style="text-align:center;"><img alt="" src="https://simg.open-open.com/show/86ceba3d231933b8c0ad2632972e7825.jpg" /></p> <p> <strong><a href="/misc/goto?guid=4958193491855736472" target="_blank">2. Sponsor Flip Wall with jQuery and CSS </a></strong></p> <p> 一个非常不错的显示数据到网格里的插件。 点击后,缩略图会翻转,然后显示更多信息。</p> <p style="text-align:center;"><img alt="" src="https://simg.open-open.com/show/6748178b153b3c57b255f3369506ae00.jpg" /></p> <p> <strong><a href="/misc/goto?guid=4958193492600493642" target="_blank">3. jQuery 的飞出页面效果</a></strong></p> <p> 它能够使得元素以随机或者指定方式飞出页面。可定制的选项包括持续时间、方向、两者直接显示、保留空间等,允许你保留或者忽略元素飞出后的空间。</p> <p style="text-align:center;"><img alt="" src="https://simg.open-open.com/show/a4b7ec260505c887ce518148e7043778.jpg" /></p> <p> <strong><a href="/misc/goto?guid=4958193493350303643" target="_blank">4. jQuery SpryMap</a></strong></p> <p> 一个超级轻量级的依赖于 JavaScript 的小组件,能够让 HTML 元素实现类似 Google Maps 中的点击和拖拽效果。</p> <p style="text-align:center;"><img alt="" src="https://simg.open-open.com/show/212745f5a06b44fb18ccb0780b32c691.jpg" /></p> <p> <strong><a href="/misc/goto?guid=4958193494085716800" target="_blank">5. Sliderman js</a></strong></p> <p> 一个标准的 javascript 类库,用来实现图片幻灯效果。主要特性是可以使用多种特别的特效组合。</p> <p style="text-align:center;"><img alt="" src="https://simg.open-open.com/show/f9aa2a35277b65e24c71ab5414b1663e.jpg" /></p> <p> <strong><a href="/misc/goto?guid=4958184985086711905" target="_blank">6. Topup jQuery plugin</a></strong></p> <ul> <li>绝对免费</li> <li>自动修正大小和位置</li> <li>可以和 prototype 组合使用</li> <li>多浏览器兼容</li> <li>很不错的布局,动画和变化 </li> </ul> <p style="text-align:center;"><img alt="" src="https://simg.open-open.com/show/dd0fd125d45e8122226f3ca49c6adaa1.jpg" /></p> <p> <strong><a href="/misc/goto?guid=4958193495508667508" target="_blank">7. Background image tweening with jQuery</a></strong></p> <p> 一个体积小、使用非常简单的背景变化插件,能够保持 DOM 整洁并且过渡平滑。</p> <p style="text-align:center;"><img alt="" src="https://simg.open-open.com/show/ccbe2621777ed80b64bb4f4a6a1fc340.jpg" /></p> <p> <strong><a href="/misc/goto?guid=4958193496255820750" target="_blank">8. Ajax-enable Sticky Notes with PHP and jQuery</a></strong></p> <p> 一个支持 ajax 的即时贴管理系统,能够帮助访问者创建即时贴,并且提供预览及屏幕移动功能。</p> <p style="text-align:center;"><img alt="" src="https://simg.open-open.com/show/64cc65b5d606f394a106cdec78e55a43.jpg" /></p> <p> <strong><a href="/misc/goto?guid=4958186308529642351" target="_blank">9. jQuery 和 CSS 实现的色彩缤纷的幻灯 </a></strong></p> <p> 使用 jQuery 和 CSS3 的特性来创建3D 动态的幻灯效果。主要功能:创建幻灯效果、动态改变柱状图、能够和 jQuery 整合。</p> <p style="text-align:center;"><img alt="" src="https://simg.open-open.com/show/80a1c12f69590fdd1f49c0d8a5783def.jpg" /></p> <p> <strong><a href="/misc/goto?guid=4958193497665932320" target="_blank">10. jQuery panelGallery</a></strong></p> <p> 一个免费的 jQuery 插件,基于 Creative Commons Attribution 2.5 许可, 意味着你可以免费修改或者使用。</p> <p style="text-align:center;"><img alt="" src="https://simg.open-open.com/show/ba3a3b67b2c161320ff45a9c8de89f2f.jpg" /></p> <p> 英文原文:<a href="/misc/goto?guid=4958193498414433029">http://www.jquery4u.com/widgets/10-attractive-jquery-widgets/</a><br /> 来自: <a id="link_source2" href="/misc/goto?guid=4958193499154307280" target="_blank">http://www.iteye.com/news/23022</a></p>