2012年7月最流行的13个jQuery插件
openkk 12年前
<h2>1. <a href="/misc/goto?guid=4958521594740884578" target="_blank">Repo.js </a></h2> <div align="center"> <a href="/misc/goto?guid=4958521594740884578" target="_blank"><img style="border-bottom:silver 1px solid;border-left:silver 1px solid;border-top:silver 1px solid;border-right:silver 1px solid;" border="0" alt="2012年7月最流行的13个jQuery插件" src="https://simg.open-open.com/show/8a792bd6e461b9eca5a7f6eebeb6a0b0.jpg" width="560" height="150" /> </a> </div> Repo.js is a light-weight Plugin that helps you to embed a Github repository onto your site. As a plugin or library author this is a great way to showcase the contents of a repo on a project page. <br /> <br /> <h2>2. <a href="/misc/goto?guid=4958521594853714048" target="_blank">Gridster </a></h2> <div align="center"> <a href="/misc/goto?guid=4958521594853714048" target="_blank"><img style="border-bottom:silver 1px solid;border-left:silver 1px solid;border-top:silver 1px solid;border-right:silver 1px solid;" border="0" alt="2012年7月最流行的13个jQuery插件" src="https://simg.open-open.com/show/70b9d46e0738d7333398fd6b31f5dabb.jpg" width="560" height="150" /> </a> </div> A drag-and-drop multi-column grid plugin that allows building intuitive draggable layouts from elements spanning multiple columns. Additionally, You can dynamically add and remove elements from the grid. <br /> <br /> <h2>3. <a href="/misc/goto?guid=4958521594951403049" target="_blank">HTML5 Sortable </a></h2> <div align="center"> <a href="/misc/goto?guid=4958521594951403049" target="_blank"><img style="border-bottom:silver 1px solid;border-left:silver 1px solid;border-top:silver 1px solid;border-right:silver 1px solid;" border="0" alt="2012年7月最流行的13个jQuery插件" src="https://simg.open-open.com/show/525fdb9c9ab1782b7576564e035850b7.jpg" width="560" height="150" /> </a> </div> A plugin for creating sortable lists and grids using native HTML5 drag and drop API. <br /> <br /> <h2>4. <a href="/misc/goto?guid=4958521595050752087" target="_blank">FrameWarp </a></h2> <div align="center"> <a href="/misc/goto?guid=4958521595050752087" target="_blank"><img style="border-bottom:silver 1px solid;border-left:silver 1px solid;border-top:silver 1px solid;border-right:silver 1px solid;" border="0" alt="2012年7月最流行的13个jQuery插件" src="https://simg.open-open.com/show/5a0e039aade9ef965cdf4d50893c9dea.jpg" width="560" height="150" /> </a> </div> A plugin for showing certain pages in an overlay window. This comes handy if you want to reuse some page in different screens of your app. <br /> <br /> <h2>5. <a href="/misc/goto?guid=4958521595151584387" target="_blank">Easy Pie Chart </a></h2> <div align="center"> <a href="/misc/goto?guid=4958521595151584387" target="_blank"><img style="border-bottom:silver 1px solid;border-left:silver 1px solid;border-top:silver 1px solid;border-right:silver 1px solid;" border="0" alt="2012年7月最流行的13个jQuery插件" src="https://simg.open-open.com/show/32f9e98fbc9e114fb070daccec47070b.jpg" width="560" height="150" /> </a> </div> A plugin to render simple pie charts for single values using canvas element. The plugin is highly customizable and very easy to implement. <br /> <br /> <h2>6. <a href="/misc/goto?guid=4958521595255856922" target="_blank">iosSlider </a></h2> <div align="center"> <a href="/misc/goto?guid=4958521595255856922" target="_blank"><img style="border-bottom:silver 1px solid;border-left:silver 1px solid;border-top:silver 1px solid;border-right:silver 1px solid;" border="0" alt="2012年7月最流行的13个jQuery插件" src="https://simg.open-open.com/show/9e76163525bedd4ce26c1fda6bd452cf.jpg" width="560" height="150" /> </a> </div> A customizable & cross-browser content slider plugin that can be used as a carousel, scrolling website banner, or image gallery. <br /> <br /> <h2>7. <a href="/misc/goto?guid=4958521595366597428" target="_blank">stickyMojo </a></h2> <div align="center"> <a href="/misc/goto?guid=4958521595366597428" target="_blank"><img style="border-bottom:silver 1px solid;border-left:silver 1px solid;border-top:silver 1px solid;border-right:silver 1px solid;" border="0" alt="2012年7月最流行的13个jQuery插件" src="https://simg.open-open.com/show/ee25a5865b86205bd9d7c4afd70eee91.jpg" width="560" height="150" /> </a> </div> A contained sticky sidebar. It is lightweight, fast, flexible and compatible with Firefox, Chrome, Safari, and IE8+ and will degrade gracefully in older versions of IE. <br /> <br /> <h2>8. <a href="/misc/goto?guid=4958521595467233614" target="_blank">推ter Fontana </a></h2> <div align="center"> <a href="/misc/goto?guid=4958521595467233614" target="_blank"><img style="border-bottom:silver 1px solid;border-left:silver 1px solid;border-top:silver 1px solid;border-right:silver 1px solid;" border="0" alt="2012年7月最流行的13个jQuery插件" src="https://simg.open-open.com/show/0865b5e6b12806f57191300826016322.jpg" width="560" height="150" /> </a> </div> An open-source alternative for those flash-based 推ter fountains, built using HTML5, CSS (SASS) and jQuery. It supports a fullscreen mode using the new HTML5 fullscreen API. Moreover, You can get messages from a specific set of pre-written sources instead of 推ter. <br /> <br /> <h2>9. <a href="/misc/goto?guid=4958521595568170396" target="_blank">Flex </a></h2> <div align="center"> <a href="/misc/goto?guid=4958521595568170396" target="_blank"><img style="border-bottom:silver 1px solid;border-left:silver 1px solid;border-top:silver 1px solid;border-right:silver 1px solid;" border="0" alt="2012年7月最流行的13个jQuery插件" src="https://simg.open-open.com/show/90b289637b53ac4a695f47e2a9d58122.jpg" width="560" height="150" /> </a> </div> A plugin to build fluid asymmetrical animated grid. Flex is an idea inspired by the old flash homepage on Adidas.com <br /> <br /> <h2>10. <a href="/misc/goto?guid=4958521595665764880" target="_blank">InputNotes </a></h2> <div align="center"> <a href="/misc/goto?guid=4958521595665764880" target="_blank"><img style="border-bottom:silver 1px solid;border-left:silver 1px solid;border-top:silver 1px solid;border-right:silver 1px solid;" border="0" alt="2012年7月最流行的13个jQuery插件" src="https://simg.open-open.com/show/d95e17312260b84cdf1d7d7940bb8462.jpg" width="560" height="150" /> </a> </div> A plugin to add notes below form inputs and text areas based on regular expressions patterns. <br /> <br /> <h2>11. <a href="/misc/goto?guid=4958521595764760200" target="_blank">Holder.js </a></h2> <div align="center"> <a href="/misc/goto?guid=4958521595764760200" target="_blank"><img style="border-bottom:silver 1px solid;border-left:silver 1px solid;border-top:silver 1px solid;border-right:silver 1px solid;" border="0" alt="2012年7月最流行的13个jQuery插件" src="https://simg.open-open.com/show/19d144149280dda7ff14d6e041367cd7.jpg" width="560" height="150" /> </a> </div> A plugin to render image placeholders entirely on the client side. It works both online and offline, and offers a chainable API to style and create placeholders with ease. <br /> <br /> <h2>12 . <a href="/misc/goto?guid=4958521595870276919" target="_blank">Form Accordion </a></h2> <div align="center"> <a href="/misc/goto?guid=4958521595870276919" target="_blank"><img style="border-bottom:silver 1px solid;border-left:silver 1px solid;border-top:silver 1px solid;border-right:silver 1px solid;" border="0" alt="2012年7月最流行的13个jQuery插件" src="https://simg.open-open.com/show/990680547e4a311fddbdb16d55cce4d4.jpg" width="560" height="150" /> </a> </div> A plugin for hiding and showing related form fields conditionally. <br /> <br /> <h2>13. <a href="/misc/goto?guid=4958521595972998736" target="_blank">github-files </a></h2> <div align="center"> <a href="/misc/goto?guid=4958521595972998736" target="_blank"><img style="border-bottom:silver 1px solid;border-left:silver 1px solid;border-top:silver 1px solid;border-right:silver 1px solid;" border="0" alt="2012年7月最流行的13个jQuery插件" src="https://simg.open-open.com/show/d9371190aba67b705d6012f467b517c2.jpg" width="560" height="150" /> </a> </div> A plugin that pulls blobs from GitHub and render it on client-side with optionally syntax-highlighting.