jQuery写的图片滑动翻牌效果,适合对图片的简单描述交互
使用方法：
1.引用样式文件css/lrtk.css
2.引用jquery的库文件js/jquery.js
3.引用效果的具体js代码文件js/js.js复制至html文件中。
4.将class为box的ul的内容复制到您的html文件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="JS代码,图片滑动翻牌效果(jQuery),JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为图片滑动翻牌效果(jQuery)，属于站长常用代码，更多图片滑动翻牌效果(jQuery)代码请访问源码搜藏JS代码频道。" />
<title>图片滑动翻牌效果(jQuery)_源码搜藏</title>
<link rel="stylesheet" type="text/css" href="css/lrtk.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/js.js"></script>
</head>
<body>
<div style="width:600px; height:200px; margin:50px auto;">
<!--代码开始-->
<ul class="box">
<li>
<a href="http://www.codesocang.com" target="_blank">
<div class="toll_img"><img src="images/pic01.jpg" /></div>
<div class="toll_info"><p>专享应用宝首发推荐位，轻松提升新版数据。</p></div>
</a>
</li>
<li>
<a href="http://www.codesocang.com" target="_blank">
<div class="toll_img"><img src="images/pic02.jpg" /></div>
<div class="toll_info"><p>大平台大做为，应用宝提供活动平台，只要应用足够优质，即可享有应用宝众多推广位，轻松触达海量用户。</p></div>
</a>
</li>
<li>
<a href="http://www.codesocang.com" target="_blank">
<div class="toll_img"><img src="images/pic03.jpg" /></div>
<div class="toll_info"><p>为开发者提供整套的推广和盈利方案，提供更有竞争力的收入，创造更精彩的未来！</p></div>
</a>
</li>
</ul>
<!--代码结束-->
</div>
<div style="font:normal 12px/2em '微软雅黑';text-align:center;margin:50px 0;">
<p>来源：<a href="http://www.codesocang.com" target="_blank">应用宝</a> 代码整理：<a href="http://www.codesocang.com/" target="_blank">源码搜藏</a> 感谢：<a href="http://www.iseedy.com/" target="_blank">爱看电影网</a></p>
<p>＊尊重他人劳动成果，转载请自觉注明出处！注：此代码仅供学习交流，请勿用于商业用途。</p>
</div>
</body>
</html>
VM Carousel响应式图片切换代码
jQuery鼠标悬停横向大图展示特效
jQuery带聚焦效果图片切换代码
jQuery仿Facebook图片画廊代码
jQuery爱奇艺广告图片切换代码