jquery给网站换焦点图轮播滚动切换特效代码

版权：原创更新时间：1年以上

[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是 jquery给网站换焦点图轮播滚动切换特效代码的示例演示效果:

当前平台(PC电脑)

平台:

整屏预览

部分效果截图:

HTML代码(index.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=utf-8" />
<title>jquery给网站换焦点图</title>
<style type="text/css">
* { margin:0; padding:0; list-style:none; }
body { background:#fff; font:12px/22px Verdana, Geneva, sans-serif; }
img { border:0; }
.clear{clear:both;height:0;overflow:hidden;}
a { color:#333; text-decoration:none; }
a:hover { text-decoration:underline; }
.top, .bottom { height:38px; line-height:38px; background:#000; color:#999; }
.top a { color:#ccc; }
.top .tw { float:left; }
.top .join { float:left; padding-left:20px; }
.top .by { float:right; }
.main { width:800px; margin:0 auto; overflow:visible; }
.main .logo { text-align:center; }
.main .header { width:800px; }
.main .header img { float:left; }
.main .header .tip { float:left; width:500px; padding:20px 0; font-size:14px; }
.main .header .tip strong { color:red; }
.main .header .nav{clear:both;height:30px;line-height:30px;font-size:14px;padding-left:20px;}
.main .header .nav li{float:left;padding:0 16px;}
.main .header .nav li.cur{background:#888;}
.main .header .nav li a{color:#888;}
.main .header .nav li a:hover{color:#333; text-decoration:none;}
.main .header .nav li.cur a,.main .header .nav li.cur a:hover{color:#fff;}
.main .focus { width:800px;border:2px solid #888; border-left:0; border-right:0; padding:4px 0 26px; overflow:visible;}
.main .focus p { color:#999; }
.main .set { margin-top:10px; position:relative;}
.main .set .right{color:#999;position:absolute;right:0;top:-6px;z-index:9;}
.main .set div p{ margin-bottom:10px;height:26px;line-height:26px;float:left;margin-right:10px; white-space:nowrap;display:none;}
.main .set .base p,.main .set #adv p{display:inline;}
.main .set .style { float:none;font-size:14px; line-height:28px; padding:6px 0 16px; border-bottom:1px solid #ccc; position:relative; background:#FFF; }
.main .set .style input { width:70px; margin-right:10px; }
.main .set .style span{position:absolute;top:4px;right:180px;font-size:12px;color:red;}
.main .set .style button { height:30px; width:120px; line-height:24px; position:absolute; left:390px; top:2px; font-weight:bold; }
.main .set .h4,.main .set #adv .h4{ float:none; color:#666; margin:0 0 10px 0;}
.main .set .h4 span{color:red;}
.main .set span.tip { display:block; font-size:12px; line-height:20px; color:#666; padding:10px; background:#f1f1f1; margin:10px 0; }
.main .set input { width:60px; }
.main .set input.def { width:80px; }
.main .set .oth{clear:both;}
.main .set .oth *{color:blue;}
.main .set #adv { display:none; }
.main .set #adv-btn { line-height:18px; height:24px; padding:0 10px; }
.bottom { margin-top:30px; }

</style>
<script type="text/javascript" src="js/myfocus-1.2.3.full.js"></script><!--引入myFocus库-->
</head>
<body>
<div class="main">
  <div class="header"> <img src="img/logo.gif" />
    <div class="tip">
      <p><strong>提示：</strong>这里是模拟网站的后台操作，看一下给网站换焦点图，是不是像给播放器/浏览器换皮肤一样那么简单？<br /><strong>切换风格/刷新时如果看不到效果请多次点击&quot;应用&quot;。</strong></p>
      <p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. </p>
    </div>
    <ul class="nav">
    	
        <li class="cur"><a href="demo.html">DEMO</a></li>
        <li><a href="index2.html">实例1</a></li>
		<li><a href="#">主页</a></li>
        
    </ul>
  </div>
  <div class="focus">
    <p style="text-align:right">焦点图预览</p>
    <div id="myFocus-wrap">
    <div id="myFocus" style="visibility:hidden"><!--焦点图盒子-->
      <div class="loading"><span>请稍候...</span></div><!--载入画面-->
      <ul class="pic"><!--内容列表-->
        <li><a href="#"><img src="img/1.jpg" thumb="" alt="图片1来源于网络，版权属于作者" text="图片1更详细的描述文字" /></a></li>
        <li><a href="#"><img src="img/2.jpg" thumb="" alt="版权属于作者，图片2来源于网络" text="图片2更详细的描述文字" /></a></li>
        <li><a href="#"><img src="img/3.jpg" thumb="" alt="图片3来源于网络，版权属于作者" text="图片3更详细的描述文字" /></a></li>
        <li><a href="#"><img src="img/4.jpg" thumb="" alt="版权属于作者，图片4来源于网络" text="图片4更详细的描述文字" /></a></li>
        <li><a href="#"><img src="img/5.jpg" thumb="" alt="图片5来源于网络，版权属于作者" text="图片5更详细的描述文字" /></a></li>
      </ul>
    </div>
    </div>
    <div class="clear"></div>
  </div>
  <div class="set">
    <p class="right">参数设置</p>
    <p class="style">绑定ID：
      <input id="id" disabled="disabled" value="myFocus" />
      风格应用选择：
      <select id="pattern" onchange="">
        <option value="mF_fscreen_tb">mF_fscreen_tb</option>
        <option style="color:#f00" value="mF_YSlider">mF_YSlider</option>
        <option value="mF_luluJQ">mF_luluJQ</option>
        <option value="mF_51xflash">mF_51xflash</option>
        <option value="mF_expo2010">mF_expo2010</option>
        <option value="mF_games_tb">mF_games_tb</option>
        <option style="color:#f00" value="mF_ladyQ">mF_ladyQ</option>
        <option value="mF_liquid">mF_liquid</option>
        <option value="mF_liuzg">mF_liuzg</option>
        <option value="mF_pithy_tb">mF_pithy_tb</option>
        <option value="mF_qiyi">mF_qiyi</option>
        <option value="mF_quwan">mF_quwan</option>
        <option value="mF_rapoo">mF_rapoo</option>
        <option value="mF_sohusports">mF_sohusports</option>
        <option value="mF_taobao2010">mF_taobao2010</option>
        <option value="mF_taobaomall">mF_taobaomall</option>
        <option value="mF_tbhuabao">mF_tbhuabao</option>
        <option value="mF_pconline">mF_pconline</option>
        <option value="mF_peijianmall">mF_peijianmall</option>
        <option value="mF_classicHC">mF_classicHC</option>
        <option value="mF_classicHB">mF_classicHB</option>
        <option value="mF_slide3D">mF_slide3D</option>
        <option style="color:#f00" value="mF_kiki">mF_kiki</option>   
      </select>
      <button onclick="apply()">应用</button>
      <span>* 红色为最近更新</span>
    </p>
    <p class="h4"><span>基本参数设置：</span>(提示：修改参数后点击上面的“应用”以使其生效；另外，不同的风格样式下面可能会有不同的参数设置)</p>
    <div class="base" id="base">
    <p id="p-time">切换时间间隔:
      <select id="time">
        <option value="2">2秒</option>
        <option value="3" selected="selected">3秒</option>
        <option value="4">4秒</option>
        <option value="6">6秒</option>
      </select>
     </p>
     <p id="p-trigger">按钮触发切换模式:
      <select id="trigger">
        <option value="click">点击(click)</option>
        <option value="mouseover">悬停(mouseover)</option>
      </select>
    </p>
    <div class="clear"></div>
    <p id="p-width">设置宽度(主图区):
      <input id="width" value="450" />
      (px)
     </p>
     <p id="p-height">设置高度(主图区):
      <input id="height" value="296" />
      (px)
     </p>
     <p id="p-txtHeight">文字层高度(设置0为隐藏):
      <input id="txtHeight" class="def" value="default(默认)" />
      (px)
     </p>
    </div>
    <div class="oth" id="oth"><!--额外参数！-->
    <p id="custom" style="*padding-top:2px">个性参数设置：</>
    <p id="p-duration">运动速度: <select id="duration">
        <option value="600">中等</option>
        <option value="400">较快</option>
        <option value="1000">较慢</option>
      </select>
    </p>
    <p id="p-direction">运动方向: <select id="direction">
        <option value="top">向上</option>
        <option value="left">向左</option>
        <option value="right">向右</option>
        <option value="bottom">向下</option>
      </select>
    </p>
    <p id="p-easing">运动形式: <select id="easing">
        <option value="easeOut">快出慢入</option>
        <option value="easeIn">慢出快入</option>
        <option value="easeInOut">慢出慢入</option>
        <option value="swing">摆钟缓动</option>
        <option value="linear">匀速运动</option>
      </select>
    </p>
    <p id="p-less">是否无缝: <select id="less">
        <option value="1">是</option>
        <option value="0">否</option>
      </select>
    </p>
    <p id="p-chip">图切片数量(能被图高整除才有效): <select id="chip">
        <option value="8">8片</option>
        <option value="10">10片</option>
        <option value="16">16片</option>
      </select>
    </p>
    <p id="p-type">切片效果: <select id="type">
        <option value="4">随机效果</option>
        <option value="1">甩头</option>
        <option value="2">甩尾</option>
        <option value="3">凌乱</option>
      </select>
    </p>
    <p id="p-pad">图片留边宽度: <select id="pad">
        <option value="62">中等</option>
        <option value="82">较宽</option>
        <option value="32">较窄</option>
      </select>
    </p>
    <p id="p-txtWidth">文字段宽度: <select id="txtWidth">
        <option value="68">默认</option>
        <option value="38">较短</option>
        <option value="108">较长</option>
      </select>
    </p>
    <p id="p-gray">非当前图片是否变灰: <select id="gray">
        <option value="0">否</option>
        <option value="1">是</option>
      </select>
    </p>
    <p id="p-direct">切出方向: <select id="direct">
        <option value="random">随机</option>
        <option value="one">单向(向右)</option>
      </select>
    </p>
    <p id="p-turn">翻牌方向: <select id="turn">
        <option value="random">随机(单向)</option>
        <option value="left">向左</option>
        <option value="right">向右</option>
        <option value="up">向上</option>
        <option value="down">向下</option>
      </select>
    </p>
    </div>
    <div class="clear"></div>
    <div id="adv">
      <div class="h4"><span>高级参数设置：</span>(提示：下面的参数一般很少用到，通常情况下你可以无视它们^^)</div>
      <p>自动播放:
        <select id="auto">
          <option value="1">是</option>
          <option value="0">否</option>
        </select>
        , 显示自带边框(如果有的话):
        <select id="wrap">
          <option value="1">是</option>
          <option value="0">否</option>
        </select>
        , 开始显示的图片顺序:
        <input id="index" class="index" value="0" />
        (0表示第一张，不能大于总数) </p>
      <p> 按钮悬停(mouseover)模式下的延迟:
        <select id="delay">
          <option value="100">100毫秒(默认)</option>
          <option value="200">200毫秒</option>
          <option value="0">0(不延迟)</option>
        </select>
        , 是否缩小居中图片以适应焦点图大小：
        <select id="autoZoom">
          <option value="1">是</option>
          <option value="0" selected="selected">否</option>
        </select>
      </p>
    </div>
    <div class="clear"></div>
    <span class="tip">
    提示1：本Demo用5张图片是为了更好的展示带略缩图风格的滚动，实际中使用你可以添加任意多的图片；<br />
    提示2：本Demo全部为myFocus标准风格应用，查看自定义风格DEMO请点击顶部导航"SD风格"。<br />
    提示3：“风格应用”是独立的小文件(相当于播放器的皮肤文件)，myFocus库自动按需加载这些文件。<br />
    提示4：本demo不定期更新风格应用,你可以从网上下载更多的myFocus风格应用。</span>
    <button id="adv-btn" onclick="toggleDisplay(this)">高级参数设置&gt;&gt;</button>
  </div>
</div>
<script type="text/javascript">
var mf=myFocus;//简称
var html=mf.$('myFocus-wrap').innerHTML;//保存原html
function getParam(){//获取全部参数
	return {
		id:mf.$('id').value,
		pattern:mf.$('pattern').value,
		time:mf.$('time').value,
		trigger:mf.$('trigger').value,
		width:mf.$('width').value/1,
		height:mf.$('height').value/1,
		txtHeight:mf.$('txtHeight').value/1,
		auto:mf.$('auto').value=='1'?true:false,
		autoZoom:mf.$('autoZoom').value=='1'?true:false,
		wrap:mf.$('wrap').value=='1'?true:false,
		index:mf.$('index').value/1,
		delay:mf.$('delay').value/1,
		//额外参数
		duration:mf.$('duration').value/1,
		direction:mf.$('direction').value,
		easing:mf.$('easing').value,
		less:mf.$('less').value/1,
		chip:mf.$('chip').value/1,
		type:mf.$('type').value/1,
		pad:mf.$('pad').value/1,
		txtWidth:mf.$('txtWidth').value/1,
		gray:mf.$('gray').value/1,
		direct:mf.$('direct').value,
		turn:mf.$('turn').value
	};
}
function reHTML(){//还原
	mf.$('myFocus-wrap').innerHTML=html;
	var css=mf.$$('style')[0];
	css.parentNode.removeChild(css);
};
function toggleDisplay(o){//高级设置切换
	if(o.innerHTML=='高级参数设置&gt;&gt;'){mf.$('adv').style.display='block';o.innerHTML='隐藏高级参数设置&gt;&gt;'}
	else{mf.$('adv').style.display='none';o.innerHTML='高级参数设置&gt;&gt;';}
}
function displayParam(){//额外参数显示
	var s=mf.$('pattern');
	var st=mf.pattern[s.value]['cfg'];
	var ps=mf.$$('p','oth'),len=ps.length;
	for(var i=0;i<len;i++) ps[i].style.display='';
	if(st) for(var p in st) mf.$('p-'+p).style.display=mf.$('custom').style.display='inline';
}
function apply(){//应用
	reHTML();//还原
	var p=getParam();//获取参数
	p.waiting=false;//不等待图片加载
	myFocus.set(p,true,function(){
		displayParam();//显示额外参数
	});
}
//开始设置
myFocus.set(getParam(),true,function(){
	displayParam();//显示额外参数
});
//屏蔽IE执行误差
window.onerror=function(){return true};
</script>
</body>
</html>

HTML代码(index2.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=utf-8" />
<title>jquery给网站换焦点图</title>
<link rel="stylesheet" type="text/css" href="js/pattern/mF_YSlider.css" />
<script src="js/jquery.js"></script>
<script type="text/javascript" src="js/myfocus-1.2.3.full.js"></script>

</head>

<body>
<div class="focus">
    
    <div id="myFocus-wrap">
    <div id="myFocus" style="visibility:hidden"><!--焦点图盒子-->
      <div class="loading"><span>请稍候...</span></div><!--载入画面-->
      <ul class="pic"><!--内容列表-->
        <li><a href="#"><img src="img/1.jpg" thumb="" alt="图片1来源于网络，版权属于作者" text="图片1更详细的描述文字" /></a></li>
        <li><a href="#"><img src="img/2.jpg" thumb="" alt="版权属于作者，图片2来源于网络" text="图片2更详细的描述文字" /></a></li>
        <li><a href="#"><img src="img/3.jpg" thumb="" alt="图片3来源于网络，版权属于作者" text="图片3更详细的描述文字" /></a></li>
        <li><a href="#"><img src="img/4.jpg" thumb="" alt="版权属于作者，图片4来源于网络" text="图片4更详细的描述文字" /></a></li>
        <li><a href="#"><img src="img/5.jpg" thumb="" alt="图片5来源于网络，版权属于作者" text="图片5更详细的描述文字" /></a></li>
      </ul>
    </div>
    </div>
    <div class="clear"></div>
  </div>
<script type="text/javascript">
$('#myFocus').myFocus({
    pattern:'mF_YSlider',//风格应用的名称
    time:3,//切换时间间隔(秒)
    trigger:'click',//触发切换模式:'click'(点击)/'mouseover'(悬停)
    width:450,//设置图片区域宽度(像素)
    height:296,//设置图片区域高度(像素)
    txtHeight:'default'//文字层高度设置(像素),'default'为默认高度，0为隐藏
});
</script>
</body>
</html>

JS代码(myfocus-1.2.3.min.js):

/** myFocus JavaScript Library v1.2.3* Open source under the BSD & GPL License.** @Author koen_lee@qq.com* @Blog http://hi.baidu.com/koen_li/** @Date 2011/06/23*/
eval(function(p,a,c,k,e,r){
	e=function(c){
	return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))}
;
	if(!''.replace(/^/,String)){
	while(c--)r[e(c)]=k[c]||e(c);
	k=[function(e){
	return r[e]}
];
	e=function(){
	return'\\w+'}
;
	c=1}
;
	while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);
	return p}
('(6(){
	8 q={
	1x:{
	C:\'3y\',4n:\'2E\',1S:\'3J\',1B:M,N:M,2D:4,u:0,2x:20,3E:10,O:M,1p:\'3g://3d.2G.2Z/2K/2p/C/\',21:L}
,C:{
}
,1J:6(){
	8 a=3e,l=a.K,i=1,1s=a[0];
	7(l===1){
	i=0,1s=9.C}
G(i;
	i<l;
	i++){
	G(8 p 1u a[i])7(!(p 1u 1s))1s[p]=a[i][p]}
}
}
;
	8 r={
	$:6(a){
	x 1k a===\'2U\'?U.45(a):a}
,$$:6(a,b){
	x(9.$(b)||U).3I(a)}
,$$1X:6(b,c){
	8 d=[],a=9.$$(b,c);
	G(8 i=0;
	i<a.K;
	i++){
	7(a[i].2B===c)d.Y(a[i]);
	i+=9.$$(b,a[i]).K}
x d}
,$c:6(a,b){
	8 c=9.$$(\'*\',b),a=a.1n(/\\-/g,\'\\\\-\'),1F=1H 41(\'(^|\\\\s)\'+a+\'(\\\\s|$)\'),1W=[];
	G(8 i=0,l=c.K;
	i<l;
	i++){
	7(1F.3F(c[i].V)){
	1W.Y(c[i]);
	2A}
}
x 1W[0]}
,$I:6(a,b){
	x 9.$$1X(\'I\',9.$c(a,b))}
,1B:6(a,b){
	8 c=U.1E(\'3C\');
	c.V=b;
	a[0].2B.2I(c,a[0]);
	G(8 i=0;
	i<a.K;
	i++)c.28(a[i])}
,3T:6(a,b){
	a.1j=\'<Z 3c=\'+b+\'>\'+a.1j+\'</Z>\'}
,3B:6(a,b){
	8 s=[],Z=9.$$(\'Z\',a)[0],I=9.$$1X(\'I\',Z),D,n=I.K,1Y=b.K;
	G(8 j=0;
	j<1Y;
	j++){
	s.Y(\'<Z 3c=\'+b[j]+\'>\');
	G(8 i=0;
	i<n;
	i++){
	D=9.$$(\'D\',I[i])[0];
	s.Y(\'<I>\'+(b[j]==\'1Y\'?(\'<a>\'+(i+1)+\'</a>\'):(b[j]==\'1g\'&&D?I[i].1j.1n(/\\<D(.|\\n|\\r)*?\\>/i,D.3L)+\'<p>\'+D.2o("18")+\'</p>\':(b[j]==\'2s\'&&D?\'<D H=\'+(D.2o("2s")||D.H)+\' />\':\'\')))+\'<22></22></I>\')}
;
	s.Y(\'</Z>\')}
;
	a.1j+=s.27(\'\')}
}
,2C={
	y:6(o,a){
	8 v=(9.1d?o.3O:3S(o,\'\'))[a],1R=40(v);
	x 2M(1R)?v:1R}
,2P:6(o,a){
	o.y.4d="3w(Q="+a+")",o.y.Q=a/10}
,2V:6(o,a){
	8 b=o.V,1F="/\\\\s*"+a+"\\\\b/g";
	o.V=b?b.1n(2X(1F),\'\'):\'\'}
}
,2Y={
	1G:6(a,f,g,h,i,j){
	8 k=f===\'Q\',F=9,Q=F.2P,3h=1k g===\'2U\',2k=(1H 2m).2n();
	7(k&&F.y(a,\'1y\')===\'24\')a.y.1y=\'3k\',Q(a,0);
	8 l=F.y(a,f),b=2M(l)?1:l,c=3h?g/1:g-b,d=h||3q,e=F.2t[i||\'2u\'],m=c>0?\'3D\':\'2z\';
	7(a[f+\'1f\'])1q(a[f+\'1f\']);
	a[f+\'1f\']=1P(6(){
	8 t=(1H 2m).2n()-2k;
	7(t<d){
	k?Q(a,1h[m](e(t,b*10,c*10,d))):a.y[f]=1h[m](e(t,b,c,d))+\'A\'}
J{
	1q(a[f+\'1f\']),k?Q(a,(c+b)*10):a.y[f]=c+b+\'A\',k&&g===0&&(a.y.1y=\'24\'),j&&j.2F(a)}
}
,13);
	x F}
,3Z:6(a,b,c){
	9.1G(a,\'Q\',1,b==X?2H:b,\'1V\',c);
	x 9}
,4c:6(a,b,c){
	9.1G(a,\'Q\',0,b==X?2H:b,\'1V\',c);
	x 9}
,2h:6(a,b,c,d,e){
	G(8 p 1u b)9.1G(a,p,b[p],c,d,e);
	x 9}
,4e:6(a){
	G(8 p 1u a)7(p.4f(\'1f\')!==-1)1q(a[p]);
	x 9}
,2t:{
	1V:6(t,b,c,d){
	x c*t/d+b}
,4l:6(t,b,c,d){
	x-c/2*(1h.4o(1h.4p*t/d)-1)+b}
,4t:6(t,b,c,d){
	x c*(t/=d)*t*t*t+b}
,2u:6(t,b,c,d){
	x-c*((t=t/d-1)*t*t*t-1)+b}
,4x:6(t,b,c,d){
	x((t/=d/2)<1)?(c/2*t*t*t*t+b):(-c/2*((t-=2)*t*t*t-2)+b)}
}
}
,2L={
	1T:6(p,b,c){
	7(1k b!==\'3u\')c=b,b=L;
	8 F=9,14=0;
	p.C=p.C||F.1x.C,p.1p=p.1p||F.1x.1p,p.S=p.C+\'-\'+p.T;
	6 1Z(){
	7(14==2){
	7(p.21)F.2W(p.T,p.E,p.B);
	F.C[p.C].2F(F,p,F);
	c&&c()}
}
;
	6 1z(){
	8 a=F.$(p.T);
	a.y.B=3G+\'A\';
	F.33(p.C,p.1p,6(){
	F.1J(p,F.C[p.C].36,F.1x);
	p.E=p.E||F.y(a,\'E\'),p.B=p.B||F.y(a,\'B\');
	F.38(p),a.V+=\' \'+p.C+\' \'+p.S,a.y.B=\'\';
	14+=1,1Z()}
);
	F.39(a,p.2x,6(){
	14+=1,1Z()}
)}
;
	7(b){
	1z();
	x}
7(3M.3b){
	(6(){
	3P{
	1z()}
3R(e){
	25(3e.4U,0)}
}
)()}
J{
	F.1D(U,\'3V\',1z)}
}
,38:6(p){
	8 a=[],w=p.E,h=p.B,17=U.1E(\'y\');
	17.2i=\'18/O\';
	7(p.1B)9.1B([9.$(p.T)],p.C+\'42\');
	7(p.O)a.Y(\'.\'+p.S+\' *{
	43:0;
	2j:0;
	49:0;
	4b-y:24;
}
.\'+p.S+\'{
	2b:2l;
	E:\'+w+\'A;
	B:\'+h+\'A;
	2c:2d;
	4g:4h/1.5 4j;
	18-2e:2g;
	2q:#2r;
	4q:4s!1L;
}
.\'+p.S+\' .1M{
	2b:4C;
	z-u:4M;
	E:10%;
	B:10%;
	4S:#3j;
	18-2e:1N;
	2j-3l:\'+0.3*h+\'A;
	2q:#2r 3m(3g://3d.2G.2Z/2K/D/1M.3n) 1N \'+0.4*h+\'A 3o-3p;
}
.\'+p.S+\' .2v{
	2b:2l;
	E:\'+w+\'A;
	B:\'+h+\'A;
	2c:2d;
}
.\'+p.S+\' .1g I,.\'+p.S+\' .1g I 22,.\'+p.S+\' .1g-3r{
	E:\'+w+\'A;
	B:\'+p.1S+\'A!1L;
	3s-B:\'+p.1S+\'A!1L;
	2c:2d;
}
.\'+p.S+\' .1g I p a{
	1y:3t;
}
\');
	7(p.O&&p.21)a.Y(\'.\'+p.S+\' .2v I{
	18-2e:1N;
	E:\'+w+\'A;
	B:\'+h+\'A;
}
\');
	7(17.2w){
	17.2w.3v=a.27(\'\')}
J{
	17.1j=a.27(\'\')}
8 b=9.$$(\'1O\',U)[0];
	b.2I(17,b.3x)}
}
,2y={
	1d:!(+[1,]),3z:6(a,b,c,d,e){
	x"8 15=9,1Q=15.$c(\'1M\',1e),W="+c+",11,1U=M,16="+d+"||\'2g\',1t=16==\'2g\'||16==\'3H\'?1i.E:1i.B,1v=W&&("+e+"||3K),u=1i.u,1w=1i.2D*2J;
	7(W){
	1v.y[16]=-1t*n+\'A\';
	u+=n;
}
7(1Q)1e.3N(1Q);
	8 P=6(19){
	("+a+")();
	8 3Q=u;
	7(W&&u==2*n-1&&11!=1){
	1v.y[16]=-(n-1)*1t+\'A\';
	u=n-1}
7(W&&u==0&&11!=2){
	1v.y[16]=-n*1t+\'A\';
	u=n}
7(!W&&u==n-1&&19==X)u=-1;
	7(W&&19!==X&&u>n-1&&!11&&!1U) 19+=n;
	8 1l=19!==X?19:u+1;
	7("+b+")("+b+")();
	u=1l;
	11=1U=2N;
}
;
	P(u);
	7(1w&&1i.N)8 N=1P(6(){
	P()}
,1w);
	15.1D(1e,\'2O\',6(){
	7(N)1q(N)}
);
	15.1D(1e,\'3U\',6(){
	7(N)N=1P(6(){
	P()}
,1w)}
);
	G(8 i=0,23=15.$$(\'a\',1e),2Q=23.K;
	i<2Q;
	i++) 23[i].3W=6(){
	9.3X();
}
"}
,3Y:6(a,b,c){
	x"G (8 j=0;
	j<n;
	j++){
	"+a+"[j].u=j;
	7("+b+"==\'2E\'){
	"+a+"[j].2R=6(){
	7(9.u!=u)9.V+=\' 2S\'}
;
	"+a+"[j].2T=6(){
	15.2V(9,\'2S\')}
;
	"+a+"[j].1A=6(){
	7(9.u!=u){
	P(9.u);
	x L}
}
;
}
J 7("+b+"==\'2O\'){
	"+a+"[j].2R=6(){
	8 1m=9;
	7("+c+"==0){
	7(1m.u!=u){
	P(1m.u);
	x L}
}
J "+a+".d=25(6(){
	7(1m.u!=u){
	P(1m.u);
	x L}
}
,"+c+")}
;
	"+a+"[j].2T=6(){
	44("+a+".d)}
;
}
J{
	26(\'46 47:\\"\'+"+b+"+\'\\"\');
	2A;
}
}
"}
,48:6(a,b,c){
	x"8 1C=L;
	"+a+".1A=6(){
	9.V=9.V==\'"+b+"\'?\'"+c+"\':\'"+b+"\';
	7(!1C){
	1q(N);
	N=2N;
	1C=M;
}
J{
	N=M;
	1C=L;
}
}
"}
,4a:6(a,b,c,d,e){
	x"8 1a={
}
,12="+c+",30=1h.2z("+d+"/2),31=32("+a+".y["+b+"])||0,1b=1l>=n?1l-n:1l,34="+e+"||4i,35=12*(n-"+d+"),29=12*1b+31;
	7(29>12*30&&1b!==n-1) 1a["+b+"]=\'-\'+12;
	7(29<12&&1b!==0) 1a["+b+"]=\'+\'+12;
	7(1b===n-1) 1a["+b+"]=-35;
	7(1b===0) 1a["+b+"]=0;
	15.2h("+a+",1a,34);
	"}
,4k:6(a,b){
	x a+".1A=6(){
	11=1;
	P(u>0?u-1:n-1);
}
;
	"+b+".1A=6(){
	11=2;
	8 37=u>=2*n-1?n-1:u;
	P(u==n-1&&!W?0:37+1);
}
"}
,4m:6(o,a,b){
	8 c=9.$$(\'D\',o)[0];
	c.H=b?c.H.1n(2X("/"+a+"\\\\.(?=[^\\\\.]+$)/g"),\'.\'):c.H.1n(/\\.(?=[^\\.]+$)/g,a+\'.\')}
,39:6(a,b,c){
	8 d=9.$$(\'D\',a),2a=d.K,14=0,1o=L;
	G(8 i=0;
	i<2a;
	i++){
	d[i].3a=6(){
	14+=1;
	7(14==2a&&!1o){
	1o=M,c()}
}
;
	7(9.1d)d[i].H=d[i].H}
;
	7(b===M)x;
	8 t=b===L?0:b*2J;
	25(6(){
	7(!1o){
	1o=M,c()}
}
,t)}
,2W:6(a,b,c){
	8 d=9.$$(\'D\',a),R=1H 4r();
	G(8 i=0;
	i<d.K;
	i++){
	R.H=d[i].H;
	7(R.E/R.B>=b/c)8 e=\'E\',1c=\'B\',1r=b;
	J 8 e=\'B\',1c=\'E\',1r=c;
	7(R[e]>1r){
	d[i][\'y\'][e]=1r+\'A\';
	d[i][\'y\'][1c]=(R[1c]*1r)/R[e]+\'A\'}
J{
	d[i][\'y\'][e]=R[e]+\'A\';
	d[i][\'y\'][1c]=R[1c]+\'A\'}
8 h=32(d[i].y.B);
	7(c>h){
	d[i].y.4u=(c-h)/2+\'A\'}
}
}
,33:6(a,b,c){
	8 d=U.1E("4v"),O=U.1E("4w"),H=b+a+\'.2p\',2f=b+a+\'.O\';
	d.2i="18/4y",d.H=H;
	O.4z="4A",O.2f=2f;
	9.$$(\'1O\')[0].28(O);
	9.$$(\'1O\')[0].28(d);
	7(9.1d){
	d.4B=6(){
	7(d.3f=="4D"||d.3f=="4E")c()}
}
J{
	d.3a=6(){
	c()}
}
d.4F=6(){
	26(\'4G 4H (4I):\'+H)}
}
,1D:6(a,c,d){
	8 b=9.1d,e=b?\'3b\':\'4J\',t=(b?\'4K\':\'\')+c;
	a[e](t,d,L)}
}
;
	q.1J(q,r,2C,2Y,2L,2y);
	q.1T.4L=6(a,p){
	q.C[a].36=p}
;
	1K=q;
	7(1k 1I===\'X\')1I=1K;
	J 26(\'"1I" 4N 4O 4P,4Q 4R "1K".\');
	7(1k 3i!==\'X\'){
	3i.4T.1J({
	1I:6(p,a){
	7(!p)p={
}
;
	p.T=9[0].T;
	7(!p.T)p.T=9[0].T=\'3A\';
	1K.1T(p,M,a)}
}
)}
}
)();
	',62,305,'||||||function|if|var|this|||||||||||||||||||||index|||return|style||px|height|pattern|img|width||for|src|li|else|length|false|true|auto|css|run|opacity|IMG||id|document|className|less|undefined|push|ul|100|_tn|scDis||cont|_F|_dir|oStyle|text|idx|scPar|scIdx|M2|isIE|box|Timer|txt|Math|par|innerHTML|typeof|next|self|replace|ok|path|clearInterval|MAX|parent|_dis|in|_wp|_t|defConfig|display|ready|onclick|wrap|_stop|addEvent|createElement|reg|animate|new|myFocus|extend|myFocus__AGENT__|important|loading|center|head|setInterval|_ld|pv|txtHeight|set|first|linear|arr|_|num|show||autoZoom|span|_lk|none|setTimeout|alert|join|appendChild|scD|len|position|overflow|hidden|align|href|left|slide|type|padding|st|relative|Date|getTime|getAttribute|js|background|fff|thumb|easing|easeOut|pic|styleSheet|waiting|Method|floor|break|parentNode|CSS|time|click|call|cosmissy|400|insertBefore|1000|myfocus|Init|isNaN|null|mouseover|setOpa|_ln|onmouseover|hover|onmouseout|string|removeClass|fixIMG|eval|Anim|com|scN|scDir|parseInt|loadPattern|scDur|scMax|cfg|tIdx|initCSS|onloadIMG|onload|attachEvent|class|www|arguments|readyState|http|am|jQuery|666|block|top|url|gif|no|repeat|800|bg|line|inline|boolean|cssText|alpha|firstChild|mF_fscreen_tb|switchMF|mF__NAME__|addList|div|ceil|delay|test|314|right|getElementsByTagName|default|pics|alt|window|removeChild|currentStyle|try|prev|catch|getComputedStyle|wrapIn|mouseout|DOMContentLoaded|onfocus|blur|bind|fadeIn|parseFloat|RegExp|_wrap|margin|clearTimeout|getElementById|Error|Setting|toggle|border|scroll|list|fadeOut|filter|stop|indexOf|font|12px|500|Verdana|turn|swing|alterSRC|trigger|cos|PI|visibility|Image|visible|easeIn|marginTop|script|link|easeInOut|javascript|rel|stylesheet|onreadystatechange|absolute|loaded|complete|onerror|Not|Found|404|addEventListener|on|params|9999|has|been|Defined|Please|use|color|fn|callee'.split('|'),0,{
}
))

附件:下载该文件资源,减少时间成本(增值服务)