分享10个超赞的画布Canvas，SVG和CSS3相关的jQuery插件
jopen 12年前
<p>jQuery插件开发绝对是jQuery框架最强大的一个特性。数以万计的开发人员开发了各种不同功能和特性的jQuery插件，使得jQuery 框架如此的成功和流行。随着HTML5，CSS3的发展，javascript在web开发中慢慢变得更加强大，并且更加的可控。在今天的这篇文章中，我 们将介绍10款帮助你构建完美UI，特效和动画的jQuery插件。希望大家能够喜欢！</p> <h2><a title="percentage loader" href="/misc/goto?guid=4958343904812257836" target="_blank">Percentage loader</a></h2> <p>在我们以前的文章中我们介绍过这个canvas实现的强大进度条，它拥有性感迷人的UI界面，并且能够提供给你方便的callback方法处理进度。相信大家一定会喜欢!</p> <p><img alt="分享10个超赞的画布Canvas，SVG和CSS3相关的jQuery插件" src="https://simg.open-open.com/show/610f40afa82af1fbe990a996497e58b7.jpg" width="500" height="250" /></p> <h2><a title="knob" href="/misc/goto?guid=4958342913225149432" target="_blank">Knob</a></h2> <p>Knob是另外一个超棒的旋钮式的UI组件，能够帮助你创建音响上的按钮效果。</p> <p><img alt="分享10个超赞的画布Canvas，SVG和CSS3相关的jQuery插件" src="https://simg.open-open.com/show/e1a66038da04c3be17bd785f3fd6192f.jpg" width="500" height="250" /></p> <h2><a title="real shadow" href="/misc/goto?guid=4958338686761485047" target="_blank">Real Shadow </a></h2> <p>使用这个插件，能够帮助你实现实时的阴影效果，而且能够产生动态阴影变化和颜色。</p> <p><img alt="分享10个超赞的画布Canvas，SVG和CSS3相关的jQuery插件" src="https://simg.open-open.com/show/7cb58058720080ebc03b8e9f9a21446f.jpg" width="500" height="250" /></p> <h2><a title="photon" href="/misc/goto?guid=4958346891307100925" target="_blank">Photon</a></h2> <p>一个帮助你实现3D光线效果的引擎。绝对让你震撼！</p> <p><img alt="分享10个超赞的画布Canvas，SVG和CSS3相关的jQuery插件" src="https://simg.open-open.com/show/70098b7ff797246bea0455ac6ba74da0.jpg" width="500" height="250" /></p> <h2><a title="jSignature" href="/misc/goto?guid=4958346884453984656" target="_blank">jSignature</a></h2> <p>一个帮助你创建签名的jQuery插件，允许你的用户使用鼠标，手指或者铅笔生成签名。</p> <p><img alt="分享10个超赞的画布Canvas，SVG和CSS3相关的jQuery插件" src="https://simg.open-open.com/show/96acc8df3b667912715c100351b2b9f2.jpg" width="500" height="250" /></p> <h2><a title="滚动特效" href="/misc/goto?guid=4958340505014003950" target="_blank">滚动特效</a></h2> <p>超酷的CSS3实现的滚动特效。</p> <p><img alt="分享10个超赞的画布Canvas，SVG和CSS3相关的jQuery插件" src="https://simg.open-open.com/show/a9923adefad15c2092cd0d3c7799341f.jpg" width="500" height="250" /></p> <h2><a title="飞行状下拉菜单特效" href="/misc/goto?guid=4958348324058307995" target="_blank">飞行状下拉菜单特效 </a></h2> <p>这个超棒的下拉菜单，将飞行特效融入了动画中，让它和其它的菜单比较起来更加与众不同。</p> <p><img alt="分享10个超赞的画布Canvas，SVG和CSS3相关的jQuery插件" src="https://simg.open-open.com/show/1b0d73ad8d0c46503742fc2c4997f016.jpg" width="520" height="301" /></p> <h2><a title="sigmajs" href="/misc/goto?guid=4958342283594644639" target="_blank">SigmaJS</a></h2> <p>一个超棒的图形绘制类库，使用HTML canvas来绘制图形。可以展示互动的静态图形，也可以快速的展示动态图形。</p> <p><img alt="分享10个超赞的画布Canvas，SVG和CSS3相关的jQuery插件" src="https://simg.open-open.com/show/685f1a2fdb04eec839369e47fe45c43d.jpg" width="500" height="250" /></p> <h2><a title="refine slide" href="/misc/goto?guid=4958346887528756533" target="_blank">Refine Slide</a></h2> <p>一个超棒的CSS过渡和3D变形的幻灯。支持响应式设计，并且可以使用javascript来兼容老版本浏览器。</p> <p><img alt="分享10个超赞的画布Canvas，SVG和CSS3相关的jQuery插件" src="https://simg.open-open.com/show/913566c0bcd6a14d4001fab4c828eac6.jpg" width="500" height="250" /></p> <h2><a title="seuratjs" href="/misc/goto?guid=4958346890511267827" target="_blank">SeuratJS </a></h2> <p>一个超棒扩展自Raphael的javascript类库 ，允许你创建超炫的动画和像素作品。</p> <p><img alt="分享10个超赞的画布Canvas，SVG和CSS3相关的jQuery插件" src="https://simg.open-open.com/show/1779a31e91c0728196a68f099c900f94.jpg" width="500" height="250" /></p> <p> </p> <p>来源：<a href="/misc/goto?guid=4958348327102420122">GBin1.com</a></p>