5月份8个新鲜和实用的jQuery插件

openkk 12年前
   <h2>1. <a href="http://www.open-open.com/lib/view/open1339244582959.html" target="_blank">Percentage Loader : For Displaying Animated Progress</a></h2>    <p><a href="https://simg.open-open.com/show/61f424fb41560ac2437c2447e5122ba9.jpg"><img class="aligncenter size-full wp-image-10163" title="jquery-progress-loader" alt="5月份8个新鲜和实用的jQuery插件" src="https://simg.open-open.com/show/61f424fb41560ac2437c2447e5122ba9.jpg" width="530" height="272" /></a><br /> jQuery.PercentageLoader is a jQuery plugin for displaying a progress widget in more visually striking way than the ubiquitous horizontal progress bar / textual counter. Installation and use is quick and simple.<br /> It makes use of HTML 5 canvas for a rich graphical appearance with only a 10kb (minified) javascript file necessary (suggested web font optional), using vectors rather than images so can be easily deployed at various sizes. It is open source released under BSD licensed.<br />  <br /> <a class="buttons btn_dark right" href="/misc/goto?guid=4958343904812257836" target="_blank"><span class="left">Source</span></a><br />  </p>    <h2>2. <a href="http://www.open-open.com/lib/view/open1338425587792.html" target="_blank">CoverScroll jQuery Plugin</a></h2>    <p><a href="https://simg.open-open.com/show/2ecb36bb95f137b072a7687eecccaac0.jpg"><img class="aligncenter size-full wp-image-10164" title="cover-flow-css3" alt="5月份8个新鲜和实用的jQuery插件" src="https://simg.open-open.com/show/2ecb36bb95f137b072a7687eecccaac0.jpg" width="530" height="272" /></a><br /> Cover Flow is an animated, three dimensional graphical user interface integrated within iTunes, the Macintosh Finder, and other Apple Inc. products for visually flipping through snapshots of documents, website bookmarks, album artwork, or photographs. Cover Flow is browsed using the on-screen scrollbar, mouse wheel, gestures, or by selecting a file from a list, which flips through the pages to bring the associated image into view.<br />  <br /> <a class="buttons btn_dark right" href="/misc/goto?guid=4958343905669555700" target="_blank"><span class="left">Source </span></a><br />  </p>    <h2>3. SuperScrollorama</h2>    <p><a href="https://simg.open-open.com/show/4a20a7e2d4610e9e89abd5ee54f5cfbc.jpg"><img class="aligncenter size-full wp-image-10165" title="superscrollorama" alt="5月份8个新鲜和实用的jQuery插件" src="https://simg.open-open.com/show/4a20a7e2d4610e9e89abd5ee54f5cfbc.jpg" width="530" height="272" /></a><br /> Superscrollorama is an advanced version of scrollorama plugin which helps you to create chic scrolling effects. It makes use of the feature-rich TweenMax and the Greensock Tweening Engine (make sure you check its license before using) for accomplishing the effects. It allows us to add tweens and timelines to it, targeting when an element appears in the viewport or at a specific scroll point.<br />  <br /> <a class="buttons btn_dark right" href="/misc/goto?guid=4958342919369953876" target="_blank"><span class="left">Source </span></a><br />  </p>    <h2>4. jQuery Verbose Calender</h2>    <p><a href="https://simg.open-open.com/show/77b0eaca7ac1a3c9bbf54f588ecabdf4.jpg"><img class="aligncenter size-full wp-image-10166" title="jquery_verbose_calendar" alt="5月份8个新鲜和实用的jQuery插件" src="https://simg.open-open.com/show/77b0eaca7ac1a3c9bbf54f588ecabdf4.jpg" width="530" height="272" /></a><br /> jQuery Verbose Calendar is a plugin for creating a calendar that displays the whole months and days of a year at the same time. The calendar can be inserted into any HTML element with a single function, there are very few parameters to customize but a callback exists when a date is clicked which is great for adding extra interactions.<br />  <br /> <a class="buttons btn_dark right" href="/misc/goto?guid=4958343907499016013" target="_blank"><span class="left">Source </span></a><br />  </p>    <h2>5. Cookiecuttr</h2>    <p><a href="https://simg.open-open.com/show/f6dc4d2600de6504e205c2cce2001020.jpg"><img class="aligncenter size-full wp-image-10167" title="cookiecuttr" alt="5月份8个新鲜和实用的jQuery插件" src="https://simg.open-open.com/show/f6dc4d2600de6504e205c2cce2001020.jpg" width="530" height="272" /></a><br /> This is a useful plugin that handles many scenarios you may need to obey the EU Cookie Law.<br /> It enables you to hide any given parts of a website (the parts which generates cookies), and display sensitive modal boxes to users with asking for permission to use cookies.<br /> Also, the plugin can show a “reset button” that can delete all the cookies for that website.<br />  <br /> <a class="buttons btn_dark right" href="/misc/goto?guid=4958342920895348011" target="_blank"><span class="left">Source </span></a><br />  </p>    <h2>6. CookieGuard</h2>    <p><a href="https://simg.open-open.com/show/a6c29b88258c1797a9c11a03534cf08f.jpg"><img class="aligncenter size-full wp-image-10168" title="cookieguard" alt="5月份8个新鲜和实用的jQuery插件" src="https://simg.open-open.com/show/a6c29b88258c1797a9c11a03534cf08f.jpg" width="530" height="272" /></a><br /> CookieGuard is a bit complicated yet feature-rich solution that allows defining cookies one-by-one and defining if they are “essential” or not.<br /> Once it notifies the users about the cookies, they can select which ones to be activated or choose to enable all “essential” ones but not the others.<br />  <br /> <a class="buttons btn_dark right" href="/misc/goto?guid=4958343909089867511" target="_blank"><span class="left">Source </span></a><br />  </p>    <h2>7. <a href="http://www.open-open.com/lib/view/open1339030435781.html" target="_blank">Pageguide.js</a></h2>    <p><a href="https://simg.open-open.com/show/9c168232970e74ff0f770437a4b1261c.jpg"><img class="aligncenter size-full wp-image-10169" title="pageguide_js" alt="5月份8个新鲜和实用的jQuery插件" src="https://simg.open-open.com/show/9c168232970e74ff0f770437a4b1261c.jpg" width="530" height="272" /></a><br /> Pageguide.js is a jQuery plugin that creates a “guide” button in our web pages and, when clicked, highlights the elements we wish with detailed information about them. If there are any steps in the guide, they are visualized with numbers besides each element and user can either click the highlighted elements or the next button to see the information about them.<br /> The prev-next buttons have also support for auto-scrolling which is nice if the step to be displayed is not already in the viewport.<br />  <br /> <a class="buttons btn_dark right" href="/misc/goto?guid=4958343910118145827" target="_blank"><span class="left">Source </span></a><br />  </p>    <h2>8. cPrompt</h2>    <a href="https://simg.open-open.com/show/9d0e0edc706eb0b3482a38b0dff8d1f6.jpg"><img class="aligncenter size-full wp-image-10170" title="cprompt" alt="5月份8个新鲜和实用的jQuery插件" src="https://simg.open-open.com/show/9d0e0edc706eb0b3482a38b0dff8d1f6.jpg" width="530" height="272" /></a>    <br /> The plugin displays a notification to visitors asking “if they let cookies by this site to be enabled”.    <br /> Depending on the status (the first time user visits the page, cookies are rejected or accepted), the notification bar changes colors.    <br />      <br />    <a class="buttons btn_dark right" href="/misc/goto?guid=4958343910939656160" target="_blank"><span class="left">Source </span></a>