<font size="3"> 简要教程</font><br><font size="3"> deck-of-cards是一款非常炫酷的HTML5扑 克 牌卡片动画类库。它使用纯js和CSS3来实现洗牌,发牌等功能。在这个效果的演示中,</font><font size="3">扑 克 牌</font><font size="3">使用SVG来制作,共给出了5种功能的演示效果。</font><br><br> <div align="center"><img id="_aimg_29428" aid="29428" zoomfile="data/attachment/forum/201509/09/093056hnu9u57lw7epsuym.jpg" src="data/attachment/forum/201509/09/093056hnu9u57lw7epsuym.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" style="max-width:90%" alt="1.jpg" title="1.jpg" w="640"></div> <div align="center"><font size="3"><strong><a href="http://www.htmleaf.com/Demo/201509082542.html" target="_blank"><font color="#0000ff">查看演示</font></a> <a href="http://down.htmleaf.com/1509/201509081539.zip" target="_blank"><font color="#0000ff">下载插件</font></a></strong></font></div> <font size="3"> <strong>使用方法</strong></font><br><font size="3"> 在DEMO中共给出了5种演示效果,第一种是洗牌效果,如下图:</font><font size="3"><br></font><br> <div align="center"><img id="_aimg_29429" aid="29429" zoomfile="data/attachment/forum/201509/09/093202jz30lvk7m3jild38.jpg" src="data/attachment/forum/201509/09/093202jz30lvk7m3jild38.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" style="max-width:90%" alt="2.jpg" title="2.jpg" w="600"></div> <br><font size="3"> 第二种是</font><font size="3">扑 克 牌</font><font size="3">排序功能:</font><font size="3"><br></font><br> <div align="center"><img id="_aimg_29430" aid="29430" zoomfile="data/attachment/forum/201509/09/093202ygz4bu4dpjr2u1ob.jpg" src="data/attachment/forum/201509/09/093202ygz4bu4dpjr2u1ob.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" style="max-width:90%" alt="3.jpg" title="3.jpg" w="600"></div> <br><font size="3"> 第三种是</font><font size="3">扑 克 牌</font><font size="3">花色分类功能:</font><br><br> <div align="center"><img id="_aimg_29431" aid="29431" zoomfile="data/attachment/forum/201509/09/093203uyv7x4xvkv0kv1fx.jpg" src="data/attachment/forum/201509/09/093203uyv7x4xvkv0kv1fx.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" style="max-width:90%" alt="4.jpg" title="4.jpg" w="600"></div> <br><font size="3"> 第四种是将</font><font size="3">扑 克 牌</font><font size="3">排列为扇形:</font><font size="3"><br></font><br> <div align="center"><img id="_aimg_29432" aid="29432" zoomfile="data/attachment/forum/201509/09/093204t55p3c6rec366g35.jpg" src="data/attachment/forum/201509/09/093204t55p3c6rec366g35.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" style="max-width:90%" alt="5.jpg" title="5.jpg" w="600"></div> <br><font size="3"> 第五种是随机洗牌后发5张牌:</font><font size="3"><br></font><br> <div align="center"><img id="_aimg_29433" aid="29433" zoomfile="data/attachment/forum/201509/09/093204t4p0fpiq0eo8qjri.jpg" src="data/attachment/forum/201509/09/093204t4p0fpiq0eo8qjri.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" style="max-width:90%" alt="6.jpg" title="6.jpg" w="600"></div> <br><font size="3"> 该HTML5</font><font size="3">扑 克 牌</font><font size="3">动画类库的更多功能作者将会在以后持续更新,请关注:<a href="https://github.com/pakastin/deck-of-cards" target="_blank">https://github.com/pakastin/deck-of-cards</a></font><br><br><font size="3"> 你可能还会喜欢这两个插件:</font><br><br><font size="3"> <a href="http://bbs.html5cn.org/forum.php?mod=viewthread&tid=147267#lastpost"><font color="#0000f0">可视化CSS3动画代码生成js库插件-Bounce.js</font></a></font><br><br><font size="3"> <a href="http://bbs.html5cn.org/forum.php?mod=viewthread&tid=147268#lastpost"><font color="#0000f0">html5轻量级炫酷js粒子动画库插件</font></a></font><br><br><font size="2"><font color="#808080"> 本文版权属于jQuery之家,转载请注明出处:<a href="http://www.htmleaf.com/html5/html5donghua/201509082541.html" target="_blank">http://www.htmleaf.com/html5/html5donghua/201509082541.html</a></font></font><br><br>