以下是 新浪大片首页jQuery焦点图轮播滚动切换特效代码 的示例演示效果:
部分效果截图:
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>
<title>新浪大片首页jQuery焦点图</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<style type="text/css">
/* 初始化CSS */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img { border:none; }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input { padding-top:0; padding-left:0; padding-bottom:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box }
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
table { border-collapse:collapse; }
body { background:#fff; color:#333; padding:5px 0; font:12px/20px "宋体"; }
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }
.clearit { clear:both; height:0; font-size:0; overflow:hidden; }
a { color:#056ea1; text-decoration:none; }
a:visited { color:#056ea1; }
a:hover, a:active, a:focus { color:#f00; text-decoration:underline; }
a.linkRed:link, a.linkRed:visited { color:#f00!important; }/* 红色 */
a.linkRed:hover { color:#c00!important; }
a.linkRed01:link, a.linkRed01:visited { color:red!important }
a.linkRed01:hover { color:red!important }
/* 焦点图 */
.focus{overflow:hidden; zoom:1; min-width:950px; background:url(img/video_0921_04.png) repeat-x}
.focus_body{background:url(img/video_0921_05.png) no-repeat center top}
.scroll{ width:950px; margin:0 auto; position:relative; padding-top:16px;}
.scroll .t, .arr_left, .arr_right,.scroll_txt{position:absolute;}
.arr_left{ width:45px; height:70px; cursor:pointer; line-height:400px; overflow:hidden; left:0; top:135px;background:url(img/video_0921_arrow_left.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='img/video_0921_arrow_left.png');_background:none;}
.arr_right{ width:45px; height:70px; cursor:pointer; line-height:400px; overflow:hidden; right:0; top:135px;background:url(img/video_0921_arrow_right.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='img/video_0921_arrow_right.png');_background:none;}
.scroll .t{width:145px; height:36px; cursor:pointer;overflow:hidden; left:-10px; top:16px;background:url(img/video_1220_zyc_dsj_logo.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='img/video_1220_zyc_dsj_logo.png');_background:none;}
.scroll .box{float:left; width:944px;}
.scroll_cont{ border:solid 3px #fff; width:944px; height:342px}
.numList{ vertical-align:middle; text-align:center; padding:8px; }
.numList span{display: inline-block; width:25px; height:0; padding-top:8px; border:solid 1px #5e5e5e; margin-right:5px; background:#0f0f0f; cursor:pointer; line-height:0; font-size:0}
.numList span.selected{border:solid 1px #333; background:#fff}
.scroll_txt{ left:660px; top:11px;}
.scroll_txt .txtbg{ position:absolute;width:257px; height:390px;left:0; top:0;background:url(img/video_0921_txtbg.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='img/video_0921_txtbg.png');_background:none;}
.scroll_txt .txtcontent{ position:absolute;left:34px; top:60px; color:#ccc; width:210px}
.scroll_txt .txtcontent h2{ font-size:20px; color:#ccc; font-family:黑体; line-height:24px; padding:0 0 5px;}
.scroll_txt .txtcontent p{ padding:5px 0;}
.scroll_txt .txtcontent p span{ color:#2d84be;}
.scroll_txt .txtcontent .btn{ text-align:center; padding:10px}
.scroll_txt .txtcontent .btn a{ background:url(img/video_0921_02.png) no-repeat 0 -250px; width:94px; height:25px; display:block; margin:0 auto; cursor:pointer; line-height:400px; overflow:hidden}
.txtcontent h2 a { color:#ccc;}
.txtcontent h2 a:hover { color:#fff; text-decoration:none;}
.txtcontent h2 a:visited { color:#ccc;}
.playList{ float:right;width:308px; overflow:hidden;}
.playList li{ width:290px; height:80px; padding-left:18px; background:url(img/video_0815_01.png) no-repeat}
.playList li.active{ background-position:0 -80px}
.playList li h3{ color:#333; font-size:16px; font-family:"微软雅黑", "黑体"; line-height:30px;}
.playList li a, .playList li a:visited, .playList li a:hover{color:#333}
.playList li p{ color:#898989; padding-right:9px}
.playList li.active a, .playList li.active a:visited, .playList li.active a:hover, .playList li.active p{ color:#fff;}
</style>
</head>
<body>
<div class="focus">
<div class="focus_body">
<!--焦点图 begin -->
<div class="scroll">
<a href="javascript:void(0);" class="arr_left" id="FS_arr_left_01">左移动</a>
<a href="javascript:void(0);" class="arr_right" id="FS_arr_right_01">右移动</a>
<div class="scroll_cont" id="FS_Cont_01">
<div class="box">
<a href="#" target="_blank"><img alt="《隋唐英雄4》" src="images/U6764P167T518D1F20340DT20140307122230.jpg" /></a>
</div>
<div class="box">
<a href="#" target="_blank"><img alt="《蓝可儿之旅》" src="images/U6764P167T518D1F20406DT20140320100516.jpg" /></a>
</div>
<div class="box">
<a href="#" target="_blank"><img alt="《功夫兔与菜包狗》" src="images/U6764P167T518D1F20339DT20140327104730.jpg" /></a>
</div>
<div class="box">
<a href="#" target="_blank"><img alt="电视剧《钢的琴》" src="images/U6764P167T518D1F20391DT20140220073510.jpg" /></a>
</div>
<div class="box">
<a href="#" target="_blank"><img alt="《隋唐英雄3》" src="images/U6764P167T518D1F20396DT20140127163842.jpg" /></a>
</div>
<div class="box">
<a href="#" target="_blank"><img alt="《新闺蜜时代》" src="images/U6764P167T518D1F20341DT20140201000916.jpg" /></a>
</div>
<div class="box">
<a href="#?m/txqkl_63444063.html" target="_blank"><img alt="《甜心巧克力》" src="images/U6764P167T518D1F20338DT20140307113222.jpg" /></a>
</div>
<div class="box">
<a href="#?m/ycyw_63422469.html" target="_blank"><img alt="《一城一味》" src="images/U6764P167T518D1F20401DT20140121175610.jpg" /></a>
</div>
</div>
<div id="FS_numList_01" class="numList"></div>
<div class="scroll_txt">
<div id="txt01" class="scroll_info" style="display:block">
<div class="txtbg"></div>
<div class="txtcontent">
<h2><a href="#?m/201403060102281_63654409.html" target="_blank">《隋唐英雄4》</a></h2>
<p>原班人马再续古装传奇大戏 </p>
<p class="des">贞观年间,西凉叛乱,薛仁贵奉旨平乱,不幸中了敌帅苏宝同的奸计,被困锁阳城。柳金花携女薛金莲上山寻薛丁山救父,在长安路遇被太子调戏的樊梨花,薛丁山出手相助,两人暗生情愫,樊梨花向柳金花提亲被拒,与薛丁山依依惜别。樊梨花回到西凉劝苏宝同不成……<a href="#?m/201403060102281_63654409.html" target="_blank">[详细]</a></p>
<div class="btn"><a href="#?m/201403060102281_63654409.html" target="_blank">播放</a></div>
</div>
</div>
<div id="txt02" class="scroll_info" style="display:none">
<div class="txtbg"></div>
<div class="txtcontent">
<h2><a href="#?m/lkezl_63637473.html" target="_blank">《蓝可儿之旅》</a></h2>
<p>蓝可儿事件纪实惊悚微电影 </p>
<p class="des">影片讲述李漫荻饰演的旅社女老板Mandy为拉拢客源,策划了一场以入住蓝可儿案发的Cecil酒店,感受惊悚之旅为噱头的招揽客户的策划案,而Mandy在提前入住Cecil酒店进行场地勘察时,“如愿”遭遇了种种恐怖事件……<a href="#" target="_blank">[详细]</a></p>
<div class="btn"><a href="#" target="_blank">播放</a></div>
</div>
</div>
<div id="txt03" class="scroll_info" style="display:none">
<div class="txtbg"></div>
<div class="txtcontent">
<h2><a href="#?m/gftycbg1_63664843.html" target="_blank">《功夫兔与菜包狗》</a></h2>
<p>第2集 菜包狗大反击 </p>
<p class="des">故事发生在一个年轻人家中,他画出了一只聪明却叛逆的兔子,和一只忠诚却自负的狗。从此,抓住兔子就成了主人和狗的精神理想和肉体梦魇,他们屡战屡败,屡败屡战。穿越到书中追兔子,钻进大脑打怪兽,与外星人联手,操纵巨人去战斗。<a href="#" target="_blank">[详细]</a></p>
<div class="btn"><a href="#" target="_blank">播放</a></div>
</div>
</div>
<div id="txt04" class="scroll_info" style="display:none">
<div class="txtbg"></div>
<div class="txtcontent">
<h2><a href="#?m/201402110239085_63518365.html" target="_blank">电视剧《钢的琴》</a></h2>
<p>电影《钢的琴》完整版本 </p>
<p class="des">陈桂林是东北某钢铁厂的一名工人子弟,满身文艺细胞的他一心想考大学,然而连考三年却都以毫厘之差名落孙山,最终接了父亲的班到钢铁厂的铸造车间当了一名工人。陈桂林的独特气质同时吸引了厂里的一对姐妹花淑娴和小菊……<a href="#?m/201402110239085_63518365.html" target="_blank">[详细]</a></p>
<div class="btn"><a href="#?m/201402110239085_63518365.html" target="_blank">播放</a></div>
</div>
</div>
<div id="txt05" class="scroll_info" style="display:none">
<div class="txtbg"></div>
<div class="txtcontent">
<h2><a href="#?m/201401160532608_63448691.html" target="_blank">《隋唐英雄3》</a></h2>
<p>刘晓庆扮嫩演公主引热议 </p>
<p class="des">玄武门之变后,李世民登上皇位,但隋朝的残余势力和十八反王留下来的军队仍在北漠兴风作浪,危害百姓。罗通、程铁牛、秦怀玉等一批小将已长大成人,罗通夺得帅位,率领唐军出征,扫平了北漠。此时渤辽国又兴兵攻唐,程咬金挂帅,在龙门县招兵,薛仁贵泪别柳金花去当兵……<a href="#?m/201401160532608_63448691.html" target="_blank">[详细]</a></p>
<div class="btn"><a href="#?m/201401160532608_63448691.html" target="_blank">播放</a></div>
</div>
</div>
<div id="txt06" class="scroll_info" style="display:none">
<div class="txtbg"></div>
<div class="txtcontent">
<h2><a href="#?m/201401160532609_63450403.html" target="_blank">《新闺蜜时代》</a></h2>
<p>2B苦逼文艺青年的故事 </p>
<p class="des">周小北、王媛、韩文静三人是大学同学兼闺蜜,毕业后同在一个城市工作、生活。生于传统家庭的周小北,在与相恋多年的男友樊斌结婚后,发现婚后生活并没有想象中的那么如意,经历了一系列的变故二人离婚。最终她与暗恋自己多年的李理走到了一起……<a href="#?m/201401160532609_63450403.html" target="_blank">[详细]</a></p>
<div class="btn"><a href="#?m/201401160532609_63450403.html" target="_blank">播放</a></div>
</div>
</div>
<div id="txt07" class="scroll_info" style="display:none">
<div class="txtbg"></div>
<div class="txtcontent">
<h2><a href="#?m/txqkl_63444063.html" target="_blank">《甜心巧克力》</a></h2>
<p>林志玲携手日本男星浪漫谈情 </p>
<p class="des">十年前,留学日本的女大学生林月爱上了当地滑雪场的救护队员星野守,然而一次意外中,星野守为救林月丧生,将自己的心脏移植给了患有心脏病的林月。十年后,林月在上海开了一家巧克力店,这是星野守一生的心愿。而星野守的哥哥木场总一郎一直深爱林月……<a href="#?m/txqkl_63444063.html" target="_blank">[详细]</a></p>
<div class="btn"><a href="#?m/txqkl_63444063.html" target="_blank">播放</a></div>
</div>
</div>
<div id="txt08" class="scroll_info" style="display:none">
<div class="txtbg"></div>
<div class="txtcontent">
<h2><a href="#?m/ycyw_63422469.html" target="_blank">《一城一味》</a></h2>
<p>《舌尖2》姐妹篇 </p>
<p class="des">每座城市都有自己独特的味道。《一城一味》围绕城市与美食的关系展开故事,每集请到一位顶级大厨作为“美食寻访者”,前往一个陌生城市去品尝与学习当地最有特色的美食。通过寻访过程中的发生的种种故事,全面展现一个城市独特的味道与人文气质。寻味民间,品鉴城市。<a href="#?m/ycyw_63422469.html" target="_blank">[详细]</a></p>
<div class="btn"><a href="#?m/ycyw_63422469.html" target="_blank">播放</a></div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/zzsc.js"></script>
<script language="javascript" type="text/javascript">
<!--//--><![CDATA[//><!--
var focusScroll_01 = new ScrollPic();
focusScroll_01.scrollContId = "FS_Cont_01"; //内容容器ID
focusScroll_01.arrLeftId = "FS_arr_left_01";//左箭头ID
focusScroll_01.arrRightId = "FS_arr_right_01"; //右箭头ID
focusScroll_01.dotListId = "FS_numList_01";//点列表ID
focusScroll_01.dotClassName = "";//点className
focusScroll_01.dotOnClassName = "selected";//当前点className
focusScroll_01.listType = "number";//列表类型(number:数字,其它为空)
focusScroll_01.listEvent = "onmouseover"; //切换事件
focusScroll_01.frameWidth = 944;//显示框宽度
focusScroll_01.pageWidth = 944; //翻页宽度
focusScroll_01.upright = false; //垂直滚动
focusScroll_01.speed = 10; //移动速度(单位毫秒,越小越快)
focusScroll_01.space = 50; //每次移动像素(单位px,越大越快)
focusScroll_01.autoPlay = true; //自动播放
focusScroll_01.autoPlayTime = 5; //自动播放间隔时间(秒)
focusScroll_01.circularly = true;
focusScroll_01.initialize(); //初始化
focusScroll_01.onpagechange = function(){
$(".scroll_info").hide();
$("#txt0"+(focusScroll_01.pageIndex+1)).show();
};
//--><!]]>
</script>
<!--焦点图 end -->
</div>
</div>
</body>
</html>
JS代码(zzsc.js):
//����ͼƬ���캯��eval(function(p,a,c,k,e,r){
e=function(c){
return(c<62?'':e(parseInt(c/62)))+((c=c%62)>35?String.fromCharCode(c+29):c.toString(36))}
;
if('0'.replace(0,e)==0){
while(c--)r[e(c)]=k[c];
k=[function(e){
return r[e]||e}
];
e=function(){
return'([2-46-9a-df-hj-zA-Z]|[12]\\w)'}
;
c=1}
;
while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);
return p}
('6 1A(q,L,M,N,D){
2.q=q;
2.L=L;
2.M=M;
2.N=N;
2.D=D;
2.1l="dotItem";
2.1m="dotItemOn";
2.O=[];
2.1B="onclick";
2.u=v;
2.12=0;
2.o=0;
2.13=10;
2.h=10;
2.p=E;
2.g=0;
2.14=v;
2.1C=5;
2.15;
2.r;
2.b="s";
2.z=A.16("1n");
2.9=A.16("1n");
2.w=A.16("1n")}
;
1A.prototype={
version:"1.44",author:"mengjia",17:0,B:v,initialize:6(){
f c=2;
3(!2.q){
1D 1E 1F("����ָ��q.");
d}
;
2.4=2.$(2.q);
3(!2.4){
1D 1E 1F("q������ȷ�Ķ���.(q = \\""+2.q+"\\")");
d}
;
2.4.j[2.p?\'1G\':\'1H\']=2.o+"px";
2.4.j.18="19";
2.9.t=2.4.t;
2.4.t="";
2.4.1a(2.z);
2.z.1a(2.9);
3(2.u){
2.z.1a(2.w);
2.w.t=2.9.t}
;
2.z.j.18="19";
2.z.j.P="1";
2.z.j[2.p?\'1G\':\'1H\']="32766px";
2.9.j.18="19";
2.9.j.P="1";
2.w.j.18="19";
2.w.j.P="1";
3(!2.p){
2.9.j.1I="1b";
2.9.j.1J="1b"}
;
2.9.j.P="1";
3(2.u&&!2.p){
2.w.j.1I="1b";
2.w.j.1J="1b"}
;
2.w.j.P="1";
2.l(2.4,"mouseover",6(){
c.1o()}
);
2.l(2.4,"1p",6(){
c.Q()}
);
3(2.L){
2.R=2.$(2.L);
3(2.R){
2.l(2.R,"1K",6(e){
c.1L();
e=e||1M;
c.F(e)}
);
2.l(2.R,"1N",6(){
c.S()}
);
2.l(2.R,"1p",6(){
c.S()}
)}
}
;
3(2.M){
2.T=2.$(2.M);
3(2.T){
2.l(2.T,"1K",6(e){
c.1O();
e=e||1M;
c.F(e)}
);
2.l(2.T,"1N",6(){
c.U()}
);
2.l(2.T,"1p",6(){
c.U()}
)}
}
;
f 1q=C.ceil(2.9[2.p?\'1P\':\'1Q\']/2.o),i,m;
2.17=1q;
3(2.N){
2.1c=2.$(2.N);
2.1c.t="";
3(2.1c){
1R(i=0;
i<1q;
i++){
m=A.16("span");
2.1c.1a(m);
2.O.push(m);
3(i==2.g){
m.1d=2.1m}
8{
m.1d=2.1l}
;
3(2.D==\'number\'){
m.t=i+1}
8 3(1e(2.D)==\'string\'){
m.t=2.D}
8{
m.t=\'\'}
;
m.title="��"+(i+1)+"ҳ";
m.n=i;
m[2.1B]=6(){
c.G(2.n)}
}
}
}
;
2.4[2.p?\'1S\':\'1T\']=0;
3(2.14){
2.Q()}
;
2.7=2.p?\'1S\':\'1T\';
2.k=2.p?\'scrollHeight\':\'scrollWidth\';
3(1e(2.1f)===\'6\'){
2.1f()}
;
2.1U()}
,1O:6(){
3(2.b!="s"){
d}
;
f c=2;
2.b="1g";
H(2.r);
2.1r();
2.r=1s(6(){
c.1r()}
,2.13)}
,1L:6(){
3(2.b!="s"){
d}
;
f c=2;
2.b="1g";
H(2.r);
2.1t();
2.r=1s(6(){
c.1t()}
,2.13)}
,1r:6(){
3(2.u){
3(2.4[2.7]+2.h>=2.9[2.k]){
2.4[2.7]=2.4[2.7]+2.h-2.9[2.k]}
8{
2.4[2.7]+=2.h}
}
8{
3(2.4[2.7]+2.h>=2.9[2.k]-2.o){
2.4[2.7]=2.9[2.k]-2.o;
2.U()}
8{
2.4[2.7]+=2.h}
}
;
2.V()}
,1t:6(){
3(2.u){
3(2.4[2.7]-2.h<=0){
2.4[2.7]=2.9[2.k]+2.4[2.7]-2.h}
8{
2.4[2.7]-=2.h}
}
8{
3(2.4[2.7]-2.h<=0){
2.4[2.7]=0;
2.S()}
8{
2.4[2.7]-=2.h}
}
;
2.V()}
,U:6(){
3(2.b!="1g"&&2.b!=\'B\'){
d}
;
2.b="W";
H(2.r);
f I=2.12-2.4[2.7]%2.12;
2.X(I)}
,S:6(){
3(2.b!="1g"&&2.b!=\'B\'){
d}
;
2.b="W";
H(2.r);
f I=-2.4[2.7]%2.12;
2.X(I)}
,X:6(n,1u){
f c=2;
f a=n/5;
f 1h=E;
3(!1u){
3(a>2.h){
a=2.h}
;
3(a<-2.h){
a=-2.h}
}
;
3(C.1v(a)<1&&a!=0){
a=a>=0?1:-1}
8{
a=C.1V(a)}
;
f temp=2.4[2.7]+a;
3(a>0){
3(2.u){
3(2.4[2.7]+a>=2.9[2.k]){
2.4[2.7]=2.4[2.7]+a-2.9[2.k]}
8{
2.4[2.7]+=a}
}
8{
3(2.4[2.7]+a>=2.9[2.k]-2.o){
2.4[2.7]=2.9[2.k]-2.o;
2.b="s";
1h=v}
8{
2.4[2.7]+=a}
}
}
8{
3(2.u){
3(2.4[2.7]+a<0){
2.4[2.7]=2.9[2.k]+2.4[2.7]+a}
8{
2.4[2.7]+=a}
}
8{
3(2.4[2.7]-a<0){
2.4[2.7]=0;
2.b="s";
1h=v}
8{
2.4[2.7]+=a}
}
}
;
3(1h){
d}
;
n-=a;
3(C.1v(n)==0){
2.b="s";
3(2.14){
2.Q()}
;
2.V();
d}
8{
2.V();
2.r=setTimeout(6(){
c.X(n,1u)}
,2.13)}
}
,pre:6(){
3(2.b!="s"){
d}
;
2.b="W";
2.G(2.g-1)}
,1W:6(1X){
3(2.b!="s"){
d}
;
2.b="W";
3(2.u){
2.G(2.g+1)}
8{
3(2.4[2.7]>=2.9[2.k]-2.o){
2.b="s";
3(1X){
2.G(0)}
}
8{
2.G(2.g+1)}
}
}
,Q:6(){
f c=2;
3(!2.14){
d}
;
H(2.15);
2.15=1s(6(){
c.1W(v)}
,2.1C*1000)}
,1o:6(){
H(2.15)}
,G:6(n){
3(2.g==n){
d}
;
3(n<0){
n=2.17-1}
;
clearTimeout(2.r);
2.b="W";
f I=n*2.o-2.4[2.7];
2.X(I,v)}
,V:6(){
f g=C.1V(2.4[2.7]/2.o);
3(g>=2.17){
g=0}
;
3(g==2.g){
d}
;
2.g=g;
3(2.g>C.floor(2.9[2.p?\'1P\':\'1Q\']/2.o)){
2.g=0}
;
f i;
1R(i=0;
i<2.O.1Y;
i++){
3(i==2.g){
2.O[i].1d=2.1m}
8{
2.O[i].1d=2.1l}
}
;
3(1e(2.1f)===\'6\'){
2.1f()}
}
,1i:0,1j:0,Y:\'ok\',1U:6(){
3(1e(Z.ontouchstart)===\'undefined\'){
d}
;
3(!2.B){
d}
;
f 1k=2;
2.l(2.4,\'touchstart\',6(e){
1k.1Z(e)}
);
2.l(2.4,\'touchmove\',6(e){
1k.21(e)}
);
2.l(2.4,\'touchend\',6(e){
1k.1x(e)}
)}
,1Z:6(e){
2.1o();
2.1i=e.1y[0].22;
2.23=Z.24;
2.25=Z.26;
2.27=2.4[2.7]}
,21:6(e){
3(e.1y.1Y>1){
2.1x()}
;
2.1j=e.1y[0].22;
f cX=2.1i-2.1j;
3(2.Y==\'ok\'){
3(2.25==Z.26&&2.23==Z.24&&C.1v(cX)>20){
2.Y=\'B\'}
8{
d}
}
;
2.b=\'B\';
f x=2.27+cX;
3(x>=2.9[2.k]){
x=x-2.9[2.k]}
;
3(x<0){
x=x+2.9[2.k]}
;
2.4[2.7]=x;
e.F()}
,1x:6(e){
3(2.Y!=\'B\'){
d}
;
2.Y=\'ok\';
f cX=2.1i-2.1j;
3(cX<0){
2.S()}
8{
2.U()}
;
2.Q()}
,$:6(1z){
3(A.28){
d 29(\'A.28("\'+1z+\'")\')}
8{
d 29(\'A.all.\'+1z)}
}
,isIE:navigator.appVersion.indexOf("MSIE")!=-1?v:E,l:6(y,J,K){
3(y.2a){
y.2a("on"+J,K)}
8{
y.addEventListener(J,K,E)}
}
,delEvent:6(y,J,K){
3(y.2c){
y.2c("on"+J,K)}
8{
y.removeEventListener(J,K,E)}
}
,F:6(e){
3(e.F){
e.F()}
8{
e.returnValue=E}
}
}
;
',[],137,'||this|if|scDiv||function|_scroll|else|lDiv01|thisMove|_state|thisTemp|return||var|pageIndex|space||style|_sWidth|addEvent|tempObj|num|frameWidth|upright|scrollContId|_scrollTimeObj|ready|innerHTML|circularly|true|lDiv02|scrollNum|obj|stripDiv|document|touch|Math|listType|false|preventDefault|pageTo|clearInterval|fill|eventType|func|arrLeftId|arrRightId|dotListId|dotObjArr|zoom|play|alObj|rightEnd|arObj|leftEnd|accountPageIndex|stoping|move|iPadStatus|window|||pageWidth|speed|autoPlay|_autoTimeObj|createElement|pageLength|overflow|hidden|appendChild|left|dotListObj|className|typeof|onpagechange|floating|theEnd|iPadX|iPadLastX|tempThis|dotClassName|dotOnClassName|DIV|stop|mouseout|pages|moveLeft|setInterval|moveRight|quick|abs||_touchend|touches|objName|ScrollPic|listEvent|autoPlayTime|throw|new|Error|height|width|cssFloat|styleFloat|mousedown|rightMouseDown|event|mouseup|leftMouseDown|offsetHeight|offsetWidth|for|scrollTop|scrollLeft|iPad|round|next|reStar|length|_touchstart||_touchmove|pageX|iPadScrollX|pageXOffset|iPadScrollY|pageYOffset|scDivScrollLeft|getElementById|eval|attachEvent||detachEvent'.split('|'),0,{
}
))