<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="HTML5炫酷扑 克 牌卡片动画类库" title="HTML5炫酷扑 克 牌卡片动画类库" 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="HTML5炫酷扑 克 牌卡片动画类库" title="HTML5炫酷扑 克 牌卡片动画类库" 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="HTML5炫酷扑 克 牌卡片动画类库" title="HTML5炫酷扑 克 牌卡片动画类库" 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="HTML5炫酷扑 克 牌卡片动画类库" title="HTML5炫酷扑 克 牌卡片动画类库" 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/093204t55p3c6rec366g3HTML5炫酷扑 克 牌卡片动画类库" src="data/attachment/forum/201509/09/093204t55p3c6rec366g3HTML5%E7%82%AB%E9%85%B7%E6%89%91%20%E5%85%8B%20%E7%89%8C%E5%8D%A1%E7%89%87%E5%8A%A8%E7%94%BB%E7%B1%BB%E5%BA%93" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" style="max-width:90%" alt="HTML5炫酷扑 克 牌卡片动画类库" title="HTML5炫酷扑 克 牌卡片动画类库" 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="HTML5炫酷扑 克 牌卡片动画类库" title="HTML5炫酷扑 克 牌卡片动画类库" 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>