js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:首页 > 网页特效 > JS广告代码 > JS幻灯片

jquery左右切换,带文字说明的焦点图特效

发布时间:2015-08-27 14:34:26    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

jquery左右切换,带文字说明的焦点图特效
<!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=utf-8" />    
	<title>jquery左右切换,带文字说明的焦点图特效 - js特效代码网</title>    
	<link href="css/jstxdm.css" type="text/css" rel="stylesheet" />    
</head>    
<body>    
<div class="lunbo-recommend">    
<div class="slide-pics" id="banner-slide">    
<div class="scrollable">    
<ul class="items cls">    
<li class="item"> <a href="http://www.jstxdm.com"> <img src="images/1.jpg" alt="" /></a>    
<div class="info-wrapper">    
<div class="info-background"> </div>    
<div class="pic-info">    
<h3>QQ空间</h3>    
<p><span class="orange">小编推荐:</span>致力于帮助用户随时随地“分享生活,留住感动</p>    
<a class="visite s-index-icon org-btn-blk" href="http://www.jstxdm.com"> 访 问</a> </div>    
</div>    
</li>    
<li class="item"> <a href="http://www.jstxdm.com"> <img src="images/2.jpg" alt="" /></a>    
<div class="info-wrapper">    
<div class="info-background"> </div>    
<div class="pic-info">    
<h3>中国越野拉力赛</h3>    
<p><span class="orange">小编推荐:</span>全面详解第一届中国越野拉力赛</p>    
<a class="visite s-index-icon org-btn-blk" href="http://www.jstxdm.com"> 访 问</a> </div>    
</div>    
</li>    
<li class="item"> <a href="http://www.jstxdm.com"> <img src="images/3.jpg" alt="" /></a>    
<div class="info-wrapper">    
<div class="info-background"> </div>    
<div class="pic-info">    
<h3>我叫MT</h3>    
<p><span class="orange">小编推荐:</span>2013最火卡牌手游,纯正的魔兽题材</p>    
<a class="visite s-index-icon org-btn-blk" href="http://www.jstxdm.com"> 访 问</a> </div>    
</div>    
</li>    
<li class="item"> <a href="http://www.jstxdm.com"> <img src="images/4.jpg" alt="" /></a>    
<div class="info-wrapper">    
<div class="info-background"> </div>    
<div class="pic-info">    
<h3>高端指南:有品位也要有内涵</h3>    
<p><span class="orange">小编推荐:</span>笑一个吧,内涵世界里多欢乐!</p>    
<a class="visite s-index-icon org-btn-blk" href="http://www.jstxdm.com"> 访 问</a> </div>    
</div>    
</li>    
<li class="item"> <a href="http://www.jstxdm.com"> <img src="images/5.jpg" alt="" /></a>    
<div class="info-wrapper">    
<div class="info-background"> </div>    
<div class="pic-info">    
<h3>发现最美应用</h3>    
<p><span class="orange">小编推荐:</span>体验与品位并存</p>    
<a class="visite s-index-icon org-btn-blk" href="http://www.jstxdm.com"> 访 问</a> </div>    
</div>    
</li>    
</ul>    
</div>    
<div class="cover coverleft"> </div>    
<div class="cover coverright"> </div>    
<div class="prev prev-next s-index-icon"> 上一张</div>    
<div class="next prev-next s-index-icon"> 下一张</div>    
</div>    
	<script src="js/jquery-1.6.2.min.js"></script>    
	<script src="js/jstxdm.js"></script>    
</div>    
</body>    
</html>



焦点图 左右切换

仿车轮网带左右滚动JS焦点图轮播特效代码

一款jQuery跨平台并且带触摸移动端焦点图特效

jQuery四屏焦点图网站特效代码

仿OPPO官方商城jquery焦点图特效

jquery仿淘宝新版首页焦点图特效

jQuery仿迅雷动漫左右滚动焦点图特效

jquery实现全屏图片左右滚动预览焦点图特效

jQuery仿新浪大片首页焦点图滚动特效

jquery左右切换,带文字说明的焦点图特效

jquery仿京东商城首页焦点图

jquery竖向tab切换焦点图特效

JS仿腾讯娱乐图片频道满屏左右切换焦点图特效

jQuery实现可自动播放焦点图特效

js仿腾讯视频网站焦点图特效

jQuery仿2012QQ商城焦点图特效

jQuery仿百度统计可自动播放焦点图特效

jquery quake Slider一款集成多种超炫切换效果的焦点图特效

jquery仿2014南宁45届世锦赛首页焦点图特效

jquery纯色调支持缩略图和描述的焦点图特效

jQuery带缩略图焦点图插件