<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery迅雷首页全屏图片切换代码</title>
<link rel="stylesheet" href="css/nheader.css">
<link rel="stylesheet" href="css/nstyle.css">
</head>
<body>
<div class="header">
<ul class="nav_list">
<li class="nav_li">
<a href="javascript:;" class="btn_nav" id="nav_more"><i class="ic_more png"></i>更多</a>
<div class="more_nav" id="more_nav">
<!--[if lt IE 9]>
<span class="opc_bg"></span>
<![endif]-->
<i class="ic_bdot png" id="h_bdot"></i>
<ul id="h_nav">
<li>
<a href="http://www.jb51.net/" target="_blank" class="btn_snav">脚本之家</a>
</li>
<li>
<a href="http://www.jb51.net/" target="_blank" class="btn_snav">新闻动态</a>
</li>
<li>
<a href="http://www.jb51.net/" class="btn_snav" target="_blank">人力资源</a>
</li>
<li>
<a href="http://www.jb51.net/" target="_blank" class="btn_snav">投资关系</a>
</li>
<li>
<a href="http://www.jb51.net/" target="_blank" class="btn_snav">关于脚本之家</a>
</li>
<li>
<a href="http://www.jb51.net/" target="_blank" class="btn_snav">联系我们</a>
</li>
<!-- <li>
<i class="ic_sdot png" id="h_sdot"></i>
<dl class="sub_nav" id="h_subnav">
<dt><a href="introduction.html" class="btn_snav" target="_blank">关于脚本之家</a></dt>
<dd><a href="introduction.html" target="_blank">公司简介</a></dd>
<dd><a href="development.html" target="_blank">发展历程</a></dd>
<dd><a href="team.html" target="_blank">管理团队</a></dd>
<dd><a href="connection.html" target="_blank">联系我们</a></dd>
</dl>
</li> -->
</ul>
</div>
</li>
</ul>
</div>
<div class="wrap" id="wrap">
<div class="wrapper">
<div class="product_list" id="product_list">
<div class="product_box shoulei show">
<div class="bg_box">
<img src="img/bg_shoulei.jpg">
</div>
<div class="content">
<div class="main_box">
<h2 class="hide_txt png">
<span class="txt_1 png">炽</span>
<span class="txt_2 png">热</span>
<span class="txt_3 png">追</span>
<span class="txt_4 png">片</span>
<span class="txt_5 png">之</span>
<span class="txt_6 png">心</span>
<span class="txt_7 png">没</span>
<span class="txt_8 png">有</span>
<span class="txt_9 png">wifi</span>
<span class="txt_10 png">也</span>
<span class="txt_11 png">挡</span>
<span class="txt_12 png">不</span>
<span class="txt_13 png">住</span>
</h2>
<a href="http://www.jb51.net/" target="_blank" class="btn_product" title="脚本之家素材">脚本之家素材</a>
</div>
</div>
</div>
<div class="product_box xnet">
<div class="bg_box">
<img src="img/bg_xnet.jpg">
</div>
<div class="content">
<div class="main_box">
<h2 class="hide_txt png">
<span class="txt_1 png">极</span>
<span class="txt_2 png">速</span>
<span class="txt_3 png">不</span>
<span class="txt_4 png">止</span>
<span class="txt_5 png">一</span>
<span class="txt_6 png">次</span>
<span class="txt_7 png">的</span>
<span class="txt_8 png">挑</span>
<span class="txt_9 png">战</span>
</h2>
<a href="http://www.jb51.net/" target="_blank" class="btn_product" title="脚本之家下载">脚本之家下载</a>
</div>
</div>
</div>
<div class="product_box member">
<div class="bg_box">
<img src="img/bg_member.jpg">
</div>
<div class="content">
<div class="main_box">
<h2 class="hide_txt png">
<span class="txt_1 png">快</span>
<span class="txt_2 png">让</span>
<span class="txt_3 png">生</span>
<span class="txt_4 png">活</span>
<span class="txt_5 png">慢</span>
<span class="txt_6 png">下</span>
<span class="txt_7 png">来</span>
</h2>
<a href="http://www.jb51.net/" target="_blank" class="btn_product" title="脚本之家软件">脚本之家软件</a>
</div>
</div>
</div>
<div class="product_box xav">
<div class="bg_box">
<img src="img/bg_xav.jpg">
</div>
<div class="content">
<div class="main_box">
<h2 class="hide_txt png">
<span class="txt_1 png">流</span>
<span class="txt_2 png">畅</span>
<span class="txt_3 png">画</span>
<span class="txt_4 png">质</span>
<span class="txt_5 png">乐</span>
<span class="txt_6 png">无</span>
<span class="txt_7 png">止</span>
<span class="txt_8 png">境</span>
</h2>
<a href="http://www.jb51.net/" target="_blank" class="btn_product" title="脚本之家电子书">脚本之家电子书</a>
</div>
</div>
</div>
</div>
<div class="product_btns" id="product_btns">
<div class="content">
<div class="btns_area">
<div class="btns_box" id="control_box">
<a href="http://www.jb51.net/" target="_blank" class="btn_ipr btn_shoulei cur" title="脚本之家手册" ><span class="ic_shoulei hide_txt png">脚本之家手册</span></a>
<a href="http://www.jb51.net/" target="_blank" class="btn_xnet" title="脚本之家教程"><span class="ic_xnet hide_txt png">脚本之家教程</span></a>
<a href="http://www.jb51.net/" target="_blank" class="btn_member" title="脚本之家工具"><span class="ic_member hide_txt png">脚本之家工具</span></a>
<a href="http://www.jb51.net/" target="_blank" class="btn_xav" title="脚本之家特效"><span class="ic_xav hide_txt png">脚本之家特效</span></a>
<span class="ic_line" id="ic_line"></span>
</div>
</div>
</div>
</div>
<div class="rpt_bg png" id="rpt_bg"></div>
</div>
</div>
<script src="js/jquery.js"></script>
<script>
(function(){
var $wrap=$("#wrap"),
$pages=$("#product_list").find(".product_box"),
$controlBox=$("#control_box"),
$productBtns=$("#product_btns"),
$controls=$controlBox.find("a"),
$icLine=$("#ic_line"),
$listTops=$("#list_top").find("li"),
$hNav=$("#h_nav"),
$hNavli=$hNav.find("li"),
$hSubnav=$("#h_subnav"),
$hSubDD=$hSubnav.find("dd"),
$hBdot=$("#h_bdot"),
$hSdot=$("#h_sdot"),
$footer=$("#footer"),
$bgs=$pages.find(".bg_box img"),
$mainBoxs=$pages.find(".main_box"),
$moreNav=$("#more_nav"),
$rptBg=$("#rpt_bg");
var data={
pLength:$pages.length,
curP:0,
isCan:true,
isOnbtn:false,
fColor:[2,2,1,1,1],
dur: 3500,
cNum:0
};
var aDD=$controls.eq(0).width()+parseInt($controls.eq(0).css("margin-right").slice(0,-2))*2;
var cId;
var isCss3=function(){
var style=document.createElement("div").style;
for(var k in style){
if(k.toLowerCase().indexOf("animation")>0){
return true;
}
}