应用jquery flip插件的一个简单例子

使用jquery flip插件的一个简单例子
效果图：
（旋转效果）
1.首先去网站http://lab.smashup.it/flip/下载插件
2.引入到网页
<br></p><p><br></p><p><br></p><p></p> </p></div><div style="margin:0 auto;width:300px;height:250px;position:relative;">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 移动端全站正文 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-6147101717324856"
data-ad-slot="1958144088"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<div class="subn-nav"><a href="//m.reader8.net">读书人网</a> ><a href="//m.reader8.net/jiaocheng/yidongkfa/">移动开发</a></div><div class="sp-jctu"><h3><span> 热点推荐 </span></h3><ul><li><p><a href="//m.reader8.net/jiaocheng/20130906/1400173.html">20款移动开发框架平台介绍</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20130906/1391611.html">微信公众平台如何保证access_token长期</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140426/2314936.html">中国城市列表相仿手机通讯录显示方式</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140426/2314935.html">Socket连接与HTTP联接</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140425/2313936.html">平添wifi定位功能</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140425/2313935.html">偷空写了两个游戏</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140424/2313088.html">java集合类 - 实现 细节</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140424/2313087.html">hidden visible display 的差别</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140423/2311956.html">春节前最后一个：立地群飞</a></p></li>
<li><p><a href="//m.reader8.net/jiaocheng/20140423/2311955.html">64位 与32 位 差异</a></p></li>
</ul></div><div style="display:none;">
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?d6151f323a57d16696165e47eee86d53";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script></div>
<div class="footer"><p>触屏版 | <a href="//www.reader8.net/jiaocheng/20120811/1397563.html#fromapp">电脑版</a></p><p>读书人网 m.reader8.net</p></div>
<script language="javascript">
function clickme(sad){
var divobjdiv = document.getElementById("divobjdiv" + sad);
if(divobjdiv.style.display =="none"){
divobjdiv.style.display ="block"; 
}else{
divobjdiv.style.display ="none";
}
var wenzi = document.getElementById('divobjimg' + sad);
if(wenzi.innerText == "收起"){
wenzi.innerText = "查看更多";
}else{
    wenzi.innerText = "收起";
  }
}
</script>
<div id="back-top"><a href="#top"><span></span></a></div>
</body>
</html>