jTider是一个使对人物,商品,图片投票变得快速和简单的JavaScript库。它为移动触摸设备进行了优化,不过也有桌面版。
在HEAD标签之前添加CSS文件:
<lik rel="stylesheet" type="text/css" href="css/jTider.css">在BODY标签之前添加JavaScript包:
<!-- jQuery lib --><script type="text/javascript" src="js/jquery.mi.js"></script><!-- trasform2d lib --><script type="text/javascript" src="js/jquery.trasform2d.js"></script><!-- hammer lib --><script type="text/javascript" src="js/hammer.mi.js"></script><!-- jTider lib --><script type="text/javascript" src="js/jquery.jTider.js"></script><!-- jTider iitializatio script --><script>$("#tiderslide").jTider();</script>在HTML代码的body标签内加入 jTider内容:
<div id="tiderslide"> <ul> <li class="pae1"><div class="img"></div><div>Miami Beach</div><div class="like"></div><div class="dislike"></div></li> <li class="pae2"><div class="img"></div><div>Sa Fracisco</div><div class="like"></div><div class="dislike"></div></li> <li class="pae3"><div class="img"></div><div>Chicago</div><div class="like"></div><div class="dislike"></div></li> <li class="pae4"><div class="img"></div><div>New York</div><div class="like"></div><div class="dislike"></div></li> <li class="pae5"><div class="img"></div><div>Beach</div><div class="like"></div><div class="dislike"></div></li> </ul></div>









评论