jTinder是一个使对人物，商品，图片投票变得快速和简单的JavaScript库。它为移动触摸设备进行了优化，不过也有桌面版。
在HEAD标签之前添加CSS文件：
<link rel="stylesheet" type="text/css" href="css/jTinder.css">在BODY标签之前添加JavaScript包：
<!-- jQuery lib --><script type="text/javascript" src="js/jquery.min.js"></script><!-- transform2d lib --><script type="text/javascript" src="js/jquery.transform2d.js"></script><!-- hammer lib --><script type="text/javascript" src="js/hammer.min.js"></script><!-- jTinder lib --><script type="text/javascript" src="js/jquery.jTinder.js"></script><!-- jTinder initialization script --><script>$("#tinderslide").jTinder();</script>在HTML代码的body标签内加入 jTinder内容：
<div id="tinderslide"> <ul> <li class="pane1"><div class="img"></div><div>Miami Beach</div><div class="like"></div><div class="dislike"></div></li> <li class="pane2"><div class="img"></div><div>San Francisco</div><div class="like"></div><div class="dislike"></div></li> <li class="pane3"><div class="img"></div><div>Chicago</div><div class="like"></div><div class="dislike"></div></li> <li class="pane4"><div class="img"></div><div>New York</div><div class="like"></div><div class="dislike"></div></li> <li class="pane5"><div class="img"></div><div>Beach</div><div class="like"></div><div class="dislike"></div></li> </ul></div>
评论