9个基于Canvas, SVG 与 CSS3 实现的jQuery插件

jopen 12年前
   <a href="/misc/goto?guid=4958346884453984656">jSignature</a>   <br />    <img title="jSignature" alt="jSignature" src="https://simg.open-open.com/show/fd51a5bebb0f17a1e6fd9cc5c02b03a8.jpg" />    <br />    <span>jSignature is a JavaScript widget (a jQuery plugin) that simplifies creation of a signature capture field in a browser window, allowing a user to draw a signature using mouse, pen, or finger.<br /> <br /> </span>   <br />    <a href="/misc/goto?guid=4958340505014003950">Scoll Effects<br /> <br /> </a>   <img title="PageGuide" alt="Scroll Effect" src="https://simg.open-open.com/show/cbb7af9475325c3a762d70994e8907f6.jpg" />    <span><br /> A cool CSS3 scroll effect from <a href="/misc/goto?guid=4958346886012023538">@hakimel</a>.<br /> <br /> </span>   <br />    <a href="/misc/goto?guid=4958342283594644639">SigmaJS</a>   <br />    <img title="SigmaJS" alt="SigmaJS" src="https://simg.open-open.com/show/8c0d0558c1b462528b71c2306e56d12a.jpg" />    <br />    <span>sigma.js is an open-source lightweight JavaScript library to draw graphs, using the HTML canvas element. It has been especially designed to display interactively static graphs exported from a graph visualization software - like Gephi and display dynamically graphs that are generated on the fly<br /> <br /> </span>   <br />    <a href="/misc/goto?guid=4958346887528756533">Refine Slide<br /> <br /> </a>   <img title="Refine Slide" alt="Refine Slide" src="https://simg.open-open.com/show/4a700e47ccf9599f090b6be8c9486f14.jpg" />    <span><br /> A slider with CSS transition & 3D trasnform support. It comes with Javascript fall back fade transition, and responsive down to mobile scale.<br /> <br /> </span>   <br />    <a href="/misc/goto?guid=4958343904812257836">Loader</a>   <br />    <img title="Loader" alt="Loader" src="https://simg.open-open.com/show/a06da5779276e01239b06555087340e6.jpg" />   <br />    <br />     <span>A tiny jQuery plugin for displaying progress in a visual and engaging way<br /> <br /> </span>   <br />    <a href="/misc/goto?guid=4958342913225149432">Knob<br /> </a>   <img title="Knob" alt="Knob" src="https://simg.open-open.com/show/d130ccfbb9281e4d7ec0aa4134583361.jpg" />    <br />    <span>Knob is a cool UI to increase/decrease a value.<br /> <br /> </span>   <br />    <a href="/misc/goto?guid=4958338686761485047">Real Shadow</a>   <br />    <img title="Real Shadow" alt="Real Shadow" src="https://simg.open-open.com/show/19228a4fe3a4c5ba50c4c86ada954487.jpg" />    <span><br /> Stop using box shadow, use Real Shadow to create ultra realistic shadow!<br /> <br /> </span>   <br />    <a href="/misc/goto?guid=4958346890511267827">SeuratJS</a>   <br />    <img title="SeuratJS" alt="SeuratJS" src="https://simg.open-open.com/show/7e8de698f4a40f4554caa6f39644b5c6.jpg" />    <br />    <span>SeuratJS is a JavaScript library that extends Rapha?l and allows for the creation of vivid animations and pixelated artwork using minimal code. It does this by extacting color data from an image of your choice and rebuilding the original with filled graphical primitives in SVG. <br /> <br /> </span>   <br />    <a href="/misc/goto?guid=4958346891307100925">Photon<br /> <br /> </a>   <img title="Photon" alt="Photon" src="https://simg.open-open.com/show/3d6acf71511c762e22d094adc88b0c4f.jpg" />    <span><br /> CSS3 3D lighting engine.</span>   <br />    <ul></ul>