新浪大片首页jQuery焦点图轮播滚动切换特效代码

版权:原创 更新时间:1年以上
[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是 新浪大片首页jQuery焦点图轮播滚动切换特效代码 的示例演示效果:

当前平台(PC电脑)
  • 平台:

部分效果截图:

新浪大片首页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,{
}
))
附件:下载该文件资源,减少时间成本(增值服务)
留言
该资源可下载
File Source
.rar
979.60 KB
Html 焦点滚动特效3
最新结算
jquery虚拟键盘中文打字效果js代码
类型: .rar 金额: CNY 2.31¥ 状态: 待结算 详细>
jquery虚拟键盘中文打字效果js代码
类型: .rar 金额: CNY 0.29¥ 状态: 待结算 详细>
HTML5实现CSS滤镜图片切换特效代码
类型: .rar 金额: CNY 2.31¥ 状态: 待结算 详细>
jQuery头像裁剪插件cropbox js代码
类型: .rar 金额: CNY 0.29¥ 状态: 待结算 详细>
jQuery头像裁剪插件cropbox js代码
类型: .rar 金额: CNY 2.31¥ 状态: 待结算 详细>
CSS3制作3D图片立方体旋转特效
类型: .rar 金额: CNY 2.31¥ 状态: 待结算 详细>
CSS3制作3D图片立方体旋转特效
类型: .rar 金额: CNY 0.29¥ 状态: 待结算 详细>
CSS3制作3D图片立方体旋转特效
类型: .rar 金额: CNY 2.31¥ 状态: 待结算 详细>
CSS3制作3D图片立方体旋转特效
类型: .rar 金额: CNY 0.29¥ 状态: 待结算 详细>
jQuery+css3实现信封效果
类型: .rar 金额: CNY 0.29¥ 状态: 待结算 详细>
我们力求给您提供有用的文章,再此基础上,会附加营收资源,不做任何广告,让平台可以更好发展 若您发现您的权利被侵害,或使用了您的版权,请发邮件联系 sunlifel@foxmail.com ggbig觉得 : 不提供源码的文章不是好文章
合作伙伴
联系我们
  • QQ:21499807
  • 邮箱:sunlifel@foxmail.com
  • QQ扫一扫加QQ
    QQ扫一扫
Copyright 2023-2024 ggbig.com·皖ICP备2023004211号-1
打赏文章