以下是 jQ大屏带导航焦点图轮播滚动切换特效代码 的示例演示效果:
部分效果截图:
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=gb2312" />
<title>jQuery大屏带导航焦点图</title>
<link href="css/fashionfoucs_lrtk.css" rel="stylesheet" />
<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="js/jquery.plugin.min.js" type="text/javascript"></script>
</head>
<body>
<!-- 代码 开始 -->
<div id="banner">
<ul id="banner_img">
<li class="item1">
<div class="wrapper">
<div class="ad_txt">
<h2>互联网品牌传播解决方案</h2>
<p>
成都顶级品牌网站建设公司-锐狐网络！<br />
基于互联网的品牌行销策略的策划与执行。<br />
品牌形象挖掘、梳理、包装、表现与传播。<br />
辅助企业实现品牌战略目标的互联网解决方案。
</p>
<a href="#/" target="_blank">了解详细></a>
</div>
<div class="ad_img">
<img src="images/20120905092323647.png" width="506" height="404" alt="互联网品牌传播解决方案" />
</div>
</div>
</li>
<li class="item2">
<div class="wrapper">
<div class="ad_txt">
<h2>Web应用(B/S)定制开发</h2>
<p>
自主研发、完善的开发框架。<br />
详细的需求调研及解决方案。<br />
实施项目经验丰富的项目团队。
</p>
<a href="#/" target="_blank">了解详细></a>
</div>
<div class="ad_img">
<img src="images/20120830015430148.png" width="506" height="404" alt="Web应用(B/S)定制开发" />
</div>
</div>
</li>
<li class="item3">
<div class="wrapper">
<div class="ad_txt">
<h2>互联网时代的整合营销</h2>
<p>
基于互联网的品牌营销策略的定制与执行。<br />
品牌形象挖掘、梳理、包装、表现与传播。<br />
坐拥着最为丰富的行业经验与优势资源。
</p>
<a href="#/" target="_blank">了解详细></a>
</div>
<div class="ad_img">
<img src="images/20120830015446637.png" width="506" height="404" alt="互联网时代的整合营销" />
</div>
</div>
</li>
<li class="item4">
<div class="wrapper">
<div class="ad_txt">
<h2>您的网站全职管家</h2>
<p>
成熟的监控与报警机制。<br />
丰富的整合营销的能力和经验。<br />
专业数据分析、开发和维护部门。
</p>
<a href="#/" target="_blank">了解详细></a>
</div>
<div class="ad_img">
<img src="images/20120830015615324.png" width="506" height="404" alt="您的网站全职管家" />
</div>
</div>
</li>
<li class="item5">
<div class="wrapper">
<div class="ad_txt">
<h2>不可忽略的移动终端</h2>
<p>
IOS系统、Android系统应用开发。<br />
App Store、Google Play 发布。<br />
APP推广服务。
</p>
<a href="#/" target="_blank">了解详细></a>
</div>
<div class="ad_img">
<img src="images/20120830015631560.png" width="506" height="404" alt="不可忽略的移动终端" />
</div>
</div>
</li>
<li class="item6">
<div class="wrapper">
<div class="ad_txt">
<h2>全新的学术会议体验</h2>
<p>
工作更高效，主办方更轻松。<br />
线上报名，让主办方不再为报名的事而费尽脑筋。<br />
线上投稿、审稿，为主办方提高收寄、审稿效率。<br />
酒店预订，会议行程更加轻松。
</p>
<a href="#/" target="_blank">了解详细></a>
</div>
<div class="ad_img">
<img src="images/20120830015651273.png" width="506" height="404" alt="全新的学术会议体验" />
</div>
</div>
</li>
<li class="item7">
<div class="wrapper">
<div class="ad_txt">
<h2>医院网站管理系统(HMS)</h2>
<p>
与大型医院密切合作。<br />
诊疗挂号很轻松，检验结果实时查询，在线医患服务。<br />
便捷的数据处理能力，稳定的软件基础架构。
</p>
<a href="#/" target="_blank">了解详细></a>
</div>
<div class="ad_img">
<img src="images/20120830015711808.png" width="506" height="404" alt="医院网站管理系统(HMS)" />
</div>
</div>
</li>
<li class="item8">
<div class="wrapper">
<div class="ad_txt">
<h2>智慧点亮网络(RUIFOX-LAB)</h2>
<p>
互联网改变世界，我们改变互联网。<br />
精彩前沿技术演练场。<br />
锐狐新产品尝鲜体验。
</p>
<a href="#/" target="_blank">了解详细></a>
</div>
<div class="ad_img">
<img src="images/20120830015726137.png" width="506" height="404" alt="智慧点亮网络(RUIFOX-LAB)" />
</div>
</div>
</li>
</ul>
<div id="banner_ctr">
<div id="drag_ctr"></div>
<ul>
<li class="first-item">网站建设</li>
<li>品牌网站建设</li>
<li>应用系统开发</li>
<li>网络整合营销</li>
<li>网络运维托管</li>
<li>手机APP开发</li>
<li>学术会议系统</li>
<li>医院网站系统</li>
<li>实验室</li>
<li class="last-item">网站设计</li>
</ul>
<div id="drag_arrow"></div>
</div>
</div>
<script type="text/javascript" src="js/fashionfoucs.js"></script>
<!-- 代码 结束 -->
</body>
</html>JS代码(fashionfoucs.js):
var curIndex = 0;
var time = 800;
var slideTime = 5000;
var adTxt = $("#banner_img>li>div>.ad_txt");
var adImg = $("#banner_img>li>div>.ad_img");
var int = setInterval("autoSlide()",slideTime);
$("#banner_ctr>ul>li[class!='first-item'][class!='last-item']").click(function (){
show($(this).index("#banner_ctr>ul>li[class!='first-item'][class!='last-item']"));
window.clearInterval(int);
int = setInterval("autoSlide()",slideTime);
}
);
function autoSlide(){
curIndex + 1 >= $("#banner_img>li").size() ? curIndex = -1:false;
show(curIndex + 1);
}
function show(index){
$.easing.def = "easeOutQuad";
$("#drag_ctr,#drag_arrow").stop(false,true).animate({
left:index * 115 + 20}
,300);
$("#banner_img>li").eq(curIndex).stop(false,true).fadeOut(time);
adTxt.eq(curIndex).stop(false,true).animate({
top:"340px"}
,time);
adImg.eq(curIndex).stop(false,true).animate({
right:"120px"}
,time);
setTimeout(function (){
$("#banner_img>li").eq(index).stop(false,true).fadeIn(time);
adTxt.eq(index).children("p").css({
paddingTop:"50px",paddingBottom:"50px"}
).stop(false,true).animate({
paddingTop:"0",paddingBottom:"0"}
,time);
adTxt.eq(index).css({
top:"0",opacity:"0"}
).stop(false,true).animate({
top:"170px",opacity:"1"}
,time);
adImg.eq(index).css({
right:"-50px",opacity:"0"}
).stop(false,true).animate({
right:"10px",opacity:"1"}
,time);
}
,200) curIndex = index;
}
JS代码(jquery.plugin.min.js):
//jQuery Transit(function(d){
function k(a){
var b=["Moz","Webkit","O","ms"],c=a.charAt(0).toUpperCase()+a.substr(1);
if(a in i.style)return a;
for(a=0;
a<b.length;
++a){
var d=b[a]+c;
if(d in i.style)return d}
}
function j(a){
"string"===typeof a&&this.parse(a);
return this}
function p(a,b,c){
!0===b?a.queue(c):b?a.queue(b,c):c()}
function m(a){
var b=[];
d.each(a,function(a){
a=d.camelCase(a);
a=d.transit.propertyMap[a]||a;
a=r(a);
-1===d.inArray(a,b)&&b.push(a)}
);
return b}
function q(a,b,c,e){
a=m(a);
d.cssEase[c]&&(c=d.cssEase[c]);
var h=""+n(b)+" "+c;
0<parseInt(e,10)&&(h+=" "+n(e));
var f=[];
d.each(a,function(a,b){
f.push(b+" "+h)}
);
return f.join(",")}
function f(a,b){
b||(d.cssNumber[a]=!0);
d.transit.propertyMap[a]=e.transform;
d.cssHooks[a]={
get:function(b){
return(d(b).css("transform")||new j).get(a)}
,set:function(b,e){
var h=d(b).css("transform")||new j;
h.setFromString(a,e);
d(b).css({
transform:h}
)}
}
}
function r(a){
return a.replace(/([A-Z])/g,function(a){
return"-"+a.toLowerCase()}
)}
function g(a,b){
return"string"===typeof a&&!a.match(/^[\-0-9\.]+$/)?a:""+a+b}
function n(a){
d.fx.speeds[a]&&(a=d.fx.speeds[a]);
return g(a,"ms")}
d.transit={
version:"0.1.3",propertyMap:{
marginLeft:"margin",marginRight:"margin",marginBottom:"margin",marginTop:"margin",paddingLeft:"padding",paddingRight:"padding",paddingBottom:"padding",paddingTop:"padding"}
,enabled:!0,useTransitionEnd:!1}
;
var i=document.createElement("div"),e={
}
,s=-1<navigator.userAgent.toLowerCase().indexOf("chrome");
e.transition=k("transition");
e.transitionDelay=k("transitionDelay");
e.transform=k("transform");
e.transformOrigin=k("transformOrigin");
i.style[e.transform]="";
i.style[e.transform]="rotateY(90deg)";
e.transform3d=""!==i.style[e.transform];
d.extend(d.support,e);
var o=e.transitionEnd={
MozTransition:"transitionend",OTransition:"oTransitionEnd",WebkitTransition:"webkitTransitionEnd",msTransition:"MSTransitionEnd"}
[e.transition]||null,i=null;
d.cssEase={
_default:"ease","in":"ease-in",out:"ease-out","in-out":"ease-in-out",snap:"cubic-bezier(0,1,.5,1)"}
;
d.cssHooks.transform={
get:function(a){
return d(a).data("transform")}
,set:function(a,b){
var c=b;
c instanceof j||(c=new j(c));
a.style[e.transform]="WebkitTransform"===e.transform&&!s?c.toString(!0):c.toString();
d(a).data("transform",c)}
}
;
d.cssHooks.transformOrigin={
get:function(a){
return a.style[e.transformOrigin]}
,set:function(a,b){
a.style[e.transformOrigin]=b}
}
;
d.cssHooks.transition={
get:function(a){
return a.style[e.transition]}
,set:function(a,b){
a.style[e.transition]=b}
}
;
f("scale");
f("translate");
f("rotate");
f("rotateX");
f("rotateY");
f("rotate3d");
f("perspective");
f("skewX");
f("skewY");
f("x",!0);
f("y",!0);
j.prototype={
setFromString:function(a,b){
var c="string"===typeof b?b.split(","):b.constructor===Array?b:[b];
c.unshift(a);
j.prototype.set.apply(this,c)}
,set:function(a){
var b=Array.prototype.slice.apply(arguments,[1]);
this.setter[a]?this.setter[a].apply(this,b):this[a]=b.join(",")}
,get:function(a){
return this.getter[a]?this.getter[a].apply(this):this[a]||0}
,setter:{
rotate:function(a){
this.rotate=g(a,"deg")}
,rotateX:function(a){
this.rotateX=g(a,"deg")}
,rotateY:function(a){
this.rotateY=g(a,"deg")}
,scale:function(a,b){
void 0===b&&(b=a);
this.scale=a+","+b}
,skewX:function(a){
this.skewX=g(a,"deg")}
,skewY:function(a){
this.skewY=g(a,"deg")}
,perspective:function(a){
this.perspective=g(a,"px")}
,x:function(a){
this.set("translate",a,null)}
,y:function(a){
this.set("translate",null,a)}
,translate:function(a,b){
void 0===this._translateX&&(this._translateX=0);
void 0===this._translateY&&(this._translateY=0);
null!==a&&(this._translateX=g(a,"px"));
null!==b&&(this._translateY=g(b,"px"));
this.translate=this._translateX+","+this._translateY}
}
,getter:{
x:function(){
return this._translateX||0}
,y:function(){
return this._translateY||0}
,scale:function(){
var a=(this.scale||"1,1").split(",");
a[0]&&(a[0]=parseFloat(a[0]));
a[1]&&(a[1]=parseFloat(a[1]));
return a[0]===a[1]?a[0]:a}
,rotate3d:function(){
for(var a=(this.rotate3d||"0,0,0,0deg").split(","),b=0;
3>=b;
++b)a[b]&&(a[b]=parseFloat(a[b]));
a[3]&&(a[3]=g(a[3],"deg"));
return a}
}
,parse:function(a){
var b=this;
a.replace(/([a-zA-Z0-9]+)\((.*?)\)/g,function(a,d,e){
b.setFromString(d,e)}
)}
,toString:function(a){
var b=[],c;
for(c in this)if(this.hasOwnProperty(c)&&(e.transform3d||!("rotateX"===c||"rotateY"===c||"perspective"===c||"transformOrigin"===c)))"_"!==c[0]&&(a&&"scale"===c?b.push(c+"3d("+this[c]+",1)"):a&&"translate"===c?b.push(c+"3d("+this[c]+",0)"):b.push(c+"("+this[c]+")"));
return b.join(" ")}
}
;
d.fn.transition=d.fn.transit=function(a,b,c,f){
var h=this,g=0,i=!0;
"function"===typeof b&&(f=b,b=void 0);
"function"===typeof c&&(f=c,c=void 0);
"undefined"!==typeof a.easing&&(c=a.easing,delete a.easing);
"undefined"!==typeof a.duration&&(b=a.duration,delete a.duration);
"undefined"!==typeof a.complete&&(f=a.complete,delete a.complete);
"undefined"!==typeof a.queue&&(i=a.queue,delete a.queue);
"undefined"!==typeof a.delay&&(g=a.delay,delete a.delay);
"undefined"===typeof b&&(b=d.fx.speeds._default);
"undefined"===typeof c&&(c=d.cssEase._default);
var b=n(b),j=q(a,b,c,g),l=d.transit.enabled&&e.transition?parseInt(b,10)+parseInt(g,10):0;
if(0===l)return p(h,i,function(b){
h.css(a);
f&&f.apply(h);
b&&b()}
),h;
var k={
}
,m=function(b){
var c=false,g=function(){
c&&h.unbind(o,g);
l>0&&h.each(function(){
this.style[e.transition]=k[this]||null}
);
typeof f==="function"&&f.apply(h);
typeof b==="function"&&b()}
;
if(l>0&&o&&d.transit.useTransitionEnd){
c=true;
h.bind(o,g)}
else window.setTimeout(g,l);
h.each(function(){
l>0&&(this.style[e.transition]=j);
d(this).css(a)}
)}
;
p(h,i,function(a){
var b=0;
e.transition==="MozTransition"&&b<25&&(b=25);
window.setTimeout(function(){
m(a)}
,b)}
);
return this}
;
d.transit.getTransitionValue=q}
)(jQuery);
//jQuery Easingeval(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'[689e-oqru-wyzA-D]'}
;
c=1}
;
while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);
return p}
('h.i[\'jswing\']=h.i[\'y\'];
h.extend(h.i,{
z:\'A\',y:9(x,t,b,c,d){
6 h.i[h.i.z](x,t,b,c,d)}
,easeInQuad:9(x,t,b,c,d){
6 c*(t/=d)*t+b}
,A:9(x,t,b,c,d){
6-c*(t/=d)*(t-2)+b}
,easeInOutQuad:9(x,t,b,c,d){
e((t/=d/2)<1)6 c/2*t*t+b;
6-c/2*((--t)*(t-2)-1)+b}
,easeInCubic:9(x,t,b,c,d){
6 c*(t/=d)*t*t+b}
,easeOutCubic:9(x,t,b,c,d){
6 c*((t=t/d-1)*t*t+1)+b}
,easeInOutCubic:9(x,t,b,c,d){
e((t/=d/2)<1)6 c/2*t*t*t+b;
6 c/2*((t-=2)*t*t+2)+b}
,easeInQuart:9(x,t,b,c,d){
6 c*(t/=d)*t*t*t+b}
,easeOutQuart:9(x,t,b,c,d){
6-c*((t=t/d-1)*t*t*t-1)+b}
,easeInOutQuart:9(x,t,b,c,d){
e((t/=d/2)<1)6 c/2*t*t*t*t+b;
6-c/2*((t-=2)*t*t*t-2)+b}
,easeInQuint:9(x,t,b,c,d){
6 c*(t/=d)*t*t*t*t+b}
,easeOutQuint:9(x,t,b,c,d){
6 c*((t=t/d-1)*t*t*t*t+1)+b}
,easeInOutQuint:9(x,t,b,c,d){
e((t/=d/2)<1)6 c/2*t*t*t*t*t+b;
6 c/2*((t-=2)*t*t*t*t+2)+b}
,easeInSine:9(x,t,b,c,d){
6-c*8.B(t/d*(8.g/2))+c+b}
,easeOutSine:9(x,t,b,c,d){
6 c*8.n(t/d*(8.g/2))+b}
,easeInOutSine:9(x,t,b,c,d){
6-c/2*(8.B(8.g*t/d)-1)+b}
,easeInExpo:9(x,t,b,c,d){
6(t==0)?b:c*8.j(2,10*(t/d-1))+b}
,easeOutExpo:9(x,t,b,c,d){
6(t==d)?b+c:c*(-8.j(2,-10*t/d)+1)+b}
,easeInOutExpo:9(x,t,b,c,d){
e(t==0)6 b;
e(t==d)6 b+c;
e((t/=d/2)<1)6 c/2*8.j(2,10*(t-1))+b;
6 c/2*(-8.j(2,-10*--t)+2)+b}
,easeInCirc:9(x,t,b,c,d){
6-c*(8.o(1-(t/=d)*t)-1)+b}
,easeOutCirc:9(x,t,b,c,d){
6 c*8.o(1-(t=t/d-1)*t)+b}
,easeInOutCirc:9(x,t,b,c,d){
e((t/=d/2)<1)6-c/2*(8.o(1-t*t)-1)+b;
6 c/2*(8.o(1-(t-=2)*t)+1)+b}
,easeInElastic:9(x,t,b,c,d){
f s=1.l;
f p=0;
f a=c;
e(t==0)6 b;
e((t/=d)==1)6 b+c;
e(!p)p=d*.3;
e(a<8.r(c)){
a=c;
f s=p/4}
m f s=p/(2*8.g)*8.u(c/a);
6-(a*8.j(2,10*(t-=1))*8.n((t*d-s)*(2*8.g)/p))+b}
,easeOutElastic:9(x,t,b,c,d){
f s=1.l;
f p=0;
f a=c;
e(t==0)6 b;
e((t/=d)==1)6 b+c;
e(!p)p=d*.3;
e(a<8.r(c)){
a=c;
f s=p/4}
m f s=p/(2*8.g)*8.u(c/a);
6 a*8.j(2,-10*t)*8.n((t*d-s)*(2*8.g)/p)+c+b}
,easeInOutElastic:9(x,t,b,c,d){
f s=1.l;
f p=0;
f a=c;
e(t==0)6 b;
e((t/=d/2)==2)6 b+c;
e(!p)p=d*(.3*1.5);
e(a<8.r(c)){
a=c;
f s=p/4}
m f s=p/(2*8.g)*8.u(c/a);
e(t<1)6-.5*(a*8.j(2,10*(t-=1))*8.n((t*d-s)*(2*8.g)/p))+b;
6 a*8.j(2,-10*(t-=1))*8.n((t*d-s)*(2*8.g)/p)*.5+c+b}
,easeInBack:9(x,t,b,c,d,s){
e(s==v)s=1.l;
6 c*(t/=d)*t*((s+1)*t-s)+b}
,easeOutBack:9(x,t,b,c,d,s){
e(s==v)s=1.l;
6 c*((t=t/d-1)*t*((s+1)*t+s)+1)+b}
,easeInOutBack:9(x,t,b,c,d,s){
e(s==v)s=1.l;
e((t/=d/2)<1)6 c/2*(t*t*(((s*=(1.C))+1)*t-s))+b;
6 c/2*((t-=2)*t*(((s*=(1.C))+1)*t+s)+2)+b}
,D:9(x,t,b,c,d){
6 c-h.i.w(x,d-t,0,c,d)+b}
,w:9(x,t,b,c,d){
e((t/=d)<(1/2.k)){
6 c*(7.q*t*t)+b}
m e(t<(2/2.k)){
6 c*(7.q*(t-=(1.5/2.k))*t+.k)+b}
m e(t<(2.5/2.k)){
6 c*(7.q*(t-=(2.25/2.k))*t+.9375)+b}
m{
6 c*(7.q*(t-=(2.625/2.k))*t+.984375)+b}
}
,easeInOutBounce:9(x,t,b,c,d){
e(t<d/2)6 h.i.D(x,t*2,0,c,d)*.5+b;
6 h.i.w(x,t*2-d,0,c,d)*.5+c*.5+b}
}
);
',[],40,'||||||return||Math|function|||||if|var|PI|jQuery|easing|pow|75|70158|else|sin|sqrt||5625|abs|||asin|undefined|easeOutBounce||swing|def|easeOutQuad|cos|525|easeInBounce'.split('|'),0,{
}
));
//jQuery Lazy Load(function(a,b){
var c=a(b);
a.fn.lazyload=function(d){
function h(){
var b=0;
e.each(function(){
var c=a(this);
if(g.skip_invisible&&!c.is(":visible"))return;
if(!a.abovethetop(this,g)&&!a.leftofbegin(this,g))if(!a.belowthefold(this,g)&&!a.rightoffold(this,g))c.trigger("appear");
else if(++b>g.failure_limit)return!1}
)}
var e=this,f,g={
threshold:0,failure_limit:0,event:"scroll",effect:"show",container:b,data_attribute:"original",skip_invisible:!0,appear:null,load:null}
;
return d&&(undefined!==d.failurelimit&&(d.failure_limit=d.failurelimit,delete d.failurelimit),undefined!==d.effectspeed&&(d.effect_speed=d.effectspeed,delete d.effectspeed),a.extend(g,d)),f=g.container===undefined||g.container===b?c:a(g.container),0===g.event.indexOf("scroll")&&f.bind(g.event,function(a){
return h()}
),this.each(function(){
var b=this,c=a(b);
b.loaded=!1,c.one("appear",function(){
if(!this.loaded){
if(g.appear){
var d=e.length;
g.appear.call(b,d,g)}
a("<img />").bind("load",function(){
c.hide().attr("src",c.data(g.data_attribute))[g.effect](g.effect_speed),b.loaded=!0;
var d=a.grep(e,function(a){
return!a.loaded}
);
e=a(d);
if(g.load){
var f=e.length;
g.load.call(b,f,g)}
}
).attr("src",c.data(g.data_attribute))}
}
),0!==g.event.indexOf("scroll")&&c.bind(g.event,function(a){
b.loaded||c.trigger("appear")}
)}
),c.bind("resize",function(a){
h()}
),h(),this}
,a.belowthefold=function(d,e){
var f;
return e.container===undefined||e.container===b?f=c.height()+c.scrollTop():f=a(e.container).offset().top+a(e.container).height(),f<=a(d).offset().top-e.threshold}
,a.rightoffold=function(d,e){
var f;
return e.container===undefined||e.container===b?f=c.width()+c.scrollLeft():f=a(e.container).offset().left+a(e.container).width(),f<=a(d).offset().left-e.threshold}
,a.abovethetop=function(d,e){
var f;
return e.container===undefined||e.container===b?f=c.scrollTop():f=a(e.container).offset().top,f>=a(d).offset().top+e.threshold+a(d).height()}
,a.leftofbegin=function(d,e){
var f;
return e.container===undefined||e.container===b?f=c.scrollLeft():f=a(e.container).offset().left,f>=a(d).offset().left+e.threshold+a(d).width()}
,a.inviewport=function(b,c){
return!a.rightofscreen(b,c)&&!a.leftofscreen(b,c)&&!a.belowthefold(b,c)&&!a.abovethetop(b,c)}
,a.extend(a.expr[":"],{
"below-the-fold":function(b){
return a.belowthefold(b,{
threshold:0}
)}
,"above-the-top":function(b){
return!a.belowthefold(b,{
threshold:0}
)}
,"right-of-screen":function(b){
return a.rightoffold(b,{
threshold:0}
)}
,"left-of-screen":function(b){
return!a.rightoffold(b,{
threshold:0}
)}
,"in-viewport":function(b){
return!a.inviewport(b,{
threshold:0}
)}
,"above-the-fold":function(b){
return!a.belowthefold(b,{
threshold:0}
)}
,"right-of-fold":function(b){
return a.rightoffold(b,{
threshold:0}
)}
,"left-of-fold":function(b){
return!a.rightoffold(b,{
threshold:0}
)}
}
)}
)(jQuery,window);
//jQuery PngFixeval(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'([237-9a-zA-Z]|1\\w)'}
;
c=1}
;
while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);
return p}
('(h($){
3.fn.pngFix=h(k){
k=3.extend({
H:\'blank.gif\'}
,k);
8 I=(c.J=="i K L"&&M(c.l)==4&&c.l.r("N 5.5")!=-1);
8 O=(c.J=="i K L"&&M(c.l)==4&&c.l.r("N 6.0")!=-1);
d(3.browser.msie&&(I||O)){
3(2).s("img[b$=t]").u(h(){
3(2).7(\'e\',3(2).e());
3(2).7(\'f\',3(2).f());
8 g=\'\';
8 a=\'\';
8 P=(3(2).7(\'v\'))?\'v="\'+3(2).7(\'v\')+\'" \':\'\';
8 Q=(3(2).7(\'w\'))?\'w="\'+3(2).7(\'w\')+\'" \':\'\';
8 R=(3(2).7(\'x\'))?\'x="\'+3(2).7(\'x\')+\'" \':\'\';
8 S=(3(2).7(\'y\'))?\'y="\'+3(2).7(\'y\')+\'" \':\'\';
8 T=(3(2).7(\'U\'))?\'float:\'+3(2).7(\'U\')+\';
\':\'\';
8 z=(3(2).parent().7(\'href\'))?\'cursor:hand;
\':\'\';
d(2.9.m){
g+=\'m:\'+2.9.m+\';
\';
2.9.m=\'\'}
d(2.9.n){
g+=\'n:\'+2.9.n+\';
\';
2.9.n=\'\'}
d(2.9.o){
g+=\'o:\'+2.9.o+\';
\';
2.9.o=\'\'}
8 V=(2.9.cssText);
a+=\'<p \'+P+Q+R+S;
a+=\'9="W:X;
white-space:pre-line;
Y:Z-10;
A:transparent;
\'+T+z;
a+=\'e:\'+3(2).e()+\'q;
f:\'+3(2).f()+\'q;
\';
a+=\'B:C:D.i.E(b=\\\'\'+3(2).7(\'b\')+\'\\\',F=\\\'G\\\');
\';
a+=V+\'"></p>\';
d(g!=\'\'){
a=\'<p 9="W:X;
Y:Z-10;
\'+g+z+\'e:\'+3(2).e()+\'q;
f:\'+3(2).f()+\'q;
">\'+a+\'</p>\'}
3(2).hide();
3(2).after(a)}
);
3(2).s("*").u(h(){
8 j=3(2).11(\'A-12\');
d(j.r(".t")!=-1){
8 13=j.14(\'url("\')[1].14(\'")\')[0];
3(2).11(\'A-12\',\'none\');
3(2).15(0).16.B="C:D.i.E(b=\'"+13+"\',F=\'G\')"}
}
);
3(2).s("input[b$=.t]").u(h(){
8 j=3(2).7(\'b\');
3(2).15(0).16.B=\'C:D.i.E(b=\\\'\'+j+\'\\\',F=\\\'G\\\');
\';
3(2).7(\'b\',k.H)}
)}
return 3}
}
)(3);
',[],69,'||this|jQuery||||attr|var|style|strNewHTML|src|navigator|if|width|height|prevStyle|function|Microsoft|bgIMG|settings|appVersion|border|padding|margin|span|px|indexOf|find|png|each|id|class|title|alt|imgHand|background|filter|progid|DXImageTransform|AlphaImageLoader|sizingMethod|scale|blankgif|ie55|appName|Internet|Explorer|parseInt|MSIE|ie6|imgId|imgClass|imgTitle|imgAlt|imgAlign|align|imgStyle|position|relative|display|inline|block|css|image|iebg|split|get|runtimeStyle'.split('|'),0,{
}
));
CSS代码(fashionfoucs_lrtk.css):
@charset "UTF-8";html{color:#000;background:#FFF;}
body,div,ul,li{margin:0;padding:0;}
img{border:0;}
li{list-style:none;}
body{font-family:Microsoft YaHei,Segoe UI,Tahoma,Arial,Verdana,sans-serif;font-size:12px;color:#666;background:#fff;}
a{color:#39f;text-decoration:none;}
a:hover{text-decoration:underline;}
.wrapper{width:986px;margin:0 auto;position:relative;}
#banner{width:100%;height:650px;background:#000;overflow:hidden;position:relative;}
#banner_img{display:block;position:relative;}
#banner_img li{position:absolute;top:0;left:0;width:100%;height:650px;background-position:center;background-size:cover;display:none;}
/*���ñ���ͼƬ-------��ʼ*/
#banner_img li.item1{background-image:url(../images/banner_bg1.jpg);display:block;}
#banner_img li.item2{background-image:url(../images/banner_bg2.jpg);}
#banner_img li.item3{background-image:url(../images/banner_bg3.jpg);}
#banner_img li.item4{background-image:url(../images/banner_bg4.jpg);}
#banner_img li.item5{background-image:url(../images/banner_bg5.jpg);}
#banner_img li.item6{background-image:url(../images/banner_bg6.jpg);}
#banner_img li.item7{background-image:url(../images/banner_bg7.jpg);}
#banner_img li.item8{background-image:url(../images/banner_bg8.jpg);}
/*���ñ���ͼƬ--------����*/
#banner_img .ad_img{position:absolute;right:10px;top:80px;width:506px;height:404px;}
#banner_img .ad_txt{position:absolute;left:10px;top:170px;color:#fff;text-shadow:1px 1px rgba(51,51,51,0.3);}
#banner_img .ad_txt h2{font:bold 36px/60px Microsoft YaHei;}
#banner_img .ad_txt a{display:block;width:100px;height:25px;line-height:25px;text-align:center;margin-top:10px;background:#fff;color:#666;text-decoration:none;text-shadow:none;}
#banner_ctr{position:absolute;width:960px;height:122px;margin-left:-480px;left:50%;bottom:40px;z-index:1;}
#banner_ctr ul{width:960px;height:122px;background:url(../images/serv_ico.png) center no-repeat;font-size:0;line-height:0;position:relative;}
#banner_ctr li{display:block;float:left;width:115px;height:122px;cursor:pointer;}
#banner_ctr li.first-item{background:#fff;width:20px;-webkit-border-radius:20px 0 0 20px;-moz-border-radius:20px 0 0 20px;border-radius:20px 0 0 20px;cursor:default;}
#banner_ctr li.last-item{background:#fff;width:20px;-webkit-border-radius:0 20px 20px 0;-moz-border-radius:0 20px 20px 0;border-radius:0 20px 20px 0;cursor:default;}
#drag_ctr{position:absolute;top:-14px;left:20px;width:115px;height:156px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;bottom:170px;background:#0084cf;}
#drag_arrow{position:absolute;top:-14px;left:20px;width:115px;height:156px;background:url(../images/drag_banner_arrow.gif) center 14px no-repeat;}
分享到QQ
分享到微博
微信扫一扫
