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

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

发布时间:2015-08-26 21:21:56    您是第0位浏览者

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

仿OPPO官方商城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>仿OPPO官方商城jquery焦点图特效 - js特效代码网</title>    
<link rel="stylesheet" type="text/css" href="css/base.css">    
<link rel="stylesheet" type="text/css" href="css/home.css">    
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>    
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>    
</head>    
<body>    
<div id="content">    
<div class="slide-banner">    
<div class="banner-bg" style="display:block;background-image:url(images/20140211101609_ZtrES1.jpg)">    
</div>    
<div class="banner-content">    
<a id="__AD_shouye_banner_0" class="banner" data-bg="images/20140211101609_ZtrES1.jpg" href="http://www.jstxdm.com" target="_blank">    
<div class="banner-img" style="left:0">    
<img style="margin-left:-50px" src="images/20140211101609_DknSmF.png" alt="">    
</div>    
<div class="banner-img" style="left:0">    
<img style="margin-left:-50px" src="images/20140211101609_kdF5fm.png" alt="">    
</div>    
<div class="banner-img" style="left:0">    
<img style="display:none">    
</div>    
</a><a id="__AD_shouye_banner_1" class="banner" data-bg="images/20140126105457_b6PL2y.jpg" href="http://www.jstxdm.com" target="_blank">    
<div class="banner-img">    
<img style="margin-left:-50px" src="images/20140126105457_qjVpU8.png" alt="">    
</div>    
<div class="banner-img">    
<img style="margin-left:-50px" src="images/20140126105457_3kby6p.png" alt="">    
</div>    
<div class="banner-img">    
<img style="display:none">    
</div>    
</a><a id="__AD_shouye_banner_2" class="banner" data-bg="images/20131220135218_6EZzbf.jpg" href="http://www.jstxdm.com" target="_blank">    
<div class="banner-img">    
<img style="margin-left:-50px" src="images/20131220135218_VWRtbB.png" alt="">    
</div>    
<div class="banner-img">    
<img style="margin-left:-50px" src="images/20131220135218_OlUffv.png" alt="">    
</div>    
<div class="banner-img">    
<img style="margin-left:-50px" src="images/20131220135218_CVdx7k.png" alt="">    
</div>    
</a><a id="__AD_shouye_banner_3" class="banner" data-bg="images/20140123102136_gPsM9M.jpg" href="http://www.jstxdm.com" target="_blank">    
<div class="banner-img">    
<img style="margin-left:-50px" src="images/20140124105141_qRmoXN.png" alt="">    
</div>    
<div class="banner-img">    
<img style="display:none">    
</div>    
<div class="banner-img">    
<img style="display:none">    
</div>    
</a>    
</div>    
<div class="banner-nav-bg">    
</div>    
<ul class="banner-nav">    
<li class="active"></li>    
<li></li>    
<li></li>    
<li></li>    
</ul>    
<div class="banner-bar-bg">    
<div class="banner-bar">    
</div>    
</div>    
</div>    
<div class="floor1">    
<a href="http://www.jstxdm.com" class="floor-title-png"></a>    
</div>    
<script type="text/javascript" src="js/jstxdm.js"></script>    
</div>    
</body>    
</html>



焦点图特效

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

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

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

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

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

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

jquery竖向tab切换焦点图特效

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

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

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

jQuery仿2012QQ商城焦点图特效

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

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

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

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

jquery仿暴风影音官方网站焦点图特效

jquery实现带按钮控制轮播焦点图特效

jquery实现带缩略图可触摸焦点图特效

jQuery大图多屏首页焦点图特效

jQuery实现五屏上下轮播焦点图特效