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=gb2312" />
<title>jQuery实现图片滑动导航菜单</title>
<link href="css/public.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>

</head>
<body>
<div class="main1">
  <ul class="js">
    <li ><img src="images/kind_18.jpg" />
      <p>云计算</p>
    </li>
    <li ><img src="images/kind_21.jpg" />
      <p>尊享主机</p>
    </li>
    <li ><img src="images/kind_07.jpg" />
      <p>域名服务</p>
    </li>
    <li ><img src="images/kind_12.jpg" />
      <p>无限邮局</p>
    </li>
    <li ><img src="images/kind_09.jpg" />
      <p>品牌建站</p>
    </li>
    <li style="background:none;"><img src="images/kind_15.jpg" />
      <p>网络推广</p>
    </li>
  </ul>
  <ul class="view_ul">
    <li  class="t"><a href="#">好比是从古老的单台发电机模式转向了电厂集中供电的模式。它意味着计算能力也可以作为一种商品进行流通，就像煤气、水电一样，取用方便，费用低廉。最大的不同在于，它是通过互联网进行传输的。</a></li>
    <li  class="t2"><a href="#">虚拟主机是网络发展的福音，极大的促进了网络技术的应用和普及。同时虚拟主机的租用服务也成了网络时代新的经济形式。</a></li>
    <li  class="t3"><a href="#">用于在数据传输时标识计算机的电子方位（有时也指地理位置），目前域名已经成为互联网的品牌、网上商标保护必备的产品之一。</a></li>
    <li  class="t4"><a href="#">您可以在任何地方时间收、发信件，解决了时空的限制，大大提高了工作效率，为办公自动化，商业活动提供了很大便利。是因特网中最重要的信息交流工具。</a></li>
    <li  class="t5"><a href="#">面向政府、企业提供的从售前咨询、整体网站策划、域名申请、空间开通、网站制作、网站维护及网站推广的一体化解决方案。由专业人员完成网站制作，客户能够更深的体验到快捷、全面、可靠、安全的网站建设服务。</a></li>
    <li  class="t6"><a href="#">为企业、产品、政府以及个人等等，利用互联网的种种手段，进行宣传推广等活动，即通过互联网这类的推广最终达到提高转化率。网络推广的载体是互联网，离开了互联网的推广就不算是网络推广。</a></li>
  </ul>
</div>
</body>
</html>

JS代码(jquery.nivo.slider.js):

(function(b){
	var a=function(m,s){
	var j=b.extend({
}
,b.fn.nivoSlider.defaults,s);
	var p={
	currentSlide:0,currentImage:"",totalSlides:0,randAnim:"",running:false,paused:false,stop:false}
;
	var d=b(m);
	d.data("nivo:vars",p);
	d.addClass("nivoSlider");
	var e=d.children();
	e.each(function(){
	var v=b(this);
	var u="";
	if(!v.is("img")){
	if(v.is("a")){
	v.addClass("nivo-imageLink");
	u=v}
v=v.find("img:first")}
var t=v.width();
	if(t==0){
	t=v.attr("width")}
var i=v.height();
	if(i==0){
	i=v.attr("height")}
if(t>d.width()){
	d.width(t)}
if(i>d.height()){
	d.height(i)}
if(u!=""){
	u.css("display","none")}
v.css("display","none");
	p.totalSlides++}
);
	if(j.startSlide>0){
	if(j.startSlide>=p.totalSlides){
	j.startSlide=p.totalSlides-1}
p.currentSlide=j.startSlide}
if(b(e[p.currentSlide]).is("img")){
	p.currentImage=b(e[p.currentSlide])}
else{
	p.currentImage=b(e[p.currentSlide]).find("img:first")}
if(b(e[p.currentSlide]).is("a")){
	b(e[p.currentSlide]).css("display","block")}
d.css("background",'url("'+p.currentImage.attr("src")+'") no-repeat 50% 0');
	var q=function(i){
	var v=b(".nivo-caption",d);
	if(p.currentImage.attr("title")!=""&&p.currentImage.attr("title")!=undefined){
	var u=p.currentImage.attr("title");
	var t="";
	if(u.substr(0,1)=="#"){
	t=b("h1",u).html();
	u=b("p",u).html()}
if(v.css("display")=="block"){
	v.find("h1").fadeOut(i.animSpeed,function(){
	b(this).html(t);
	b(this).fadeIn(i.animSpeed)}
);
	v.find("p").fadeOut(i.animSpeed,function(){
	b(this).html(u);
	b(this).fadeIn(i.animSpeed)}
)}
else{
	v.find("h1").html(t);
	v.find("p").html(u)}
v.fadeIn(i.animSpeed)}
else{
	v.fadeOut(i.animSpeed)}
}
;
	q(j);
	var c=0;
	if(!j.manualAdvance&&e.length>1){
	c=setInterval(function(){
	r(d,e,j,false)}
,j.pauseTime)}
if(j.directionNav){
	if(j.directionNavHide){
	b(".nivo-controlNav",d).hide();
	d.hover(function(){
	b(".nivo-directionNav",d).show();
	b(".nivo-controlNav",d).show()}
,function(){
	b(".nivo-directionNav",d).hide();
	b(".nivo-controlNav",d).hide()}
)}
b("a.nivo-prevNav",d).live("click",function(){
	if(p.running){
	return false}
clearInterval(c);
	c="";
	p.currentSlide-=2;
	r(d,e,j,"prev")}
);
	b("a.nivo-nextNav",d).live("click",function(){
	if(p.running){
	return false}
clearInterval(c);
	c="";
	r(d,e,j,"next")}
)}
if(j.controlNav){
	var n=b('<div class="nivo-controlNav"></div>');
	d.append(n);
	for(var l=0;
	l<e.length;
	l++){
	if(j.controlNavThumbs){
	var f=e.eq(l);
	if(!f.is("img")){
	f=f.find("img:first")}
if(j.controlNavThumbsFromRel){
	n.append('<a class="nivo-control " rel="'+l+'"><img src="'+f.attr("rel")+'" alt="" /></a>')}
else{
	n.append('<a class="nivo-control" rel="'+l+'"><img src="'+f.attr("src").replace(j.controlNavThumbsSearch,j.controlNavThumbsReplace)+'" alt="" /></a>')}
}
else{
	n.append('<a class="nivo-control viewImages_'+l+'" rel="'+l+'">'+(l+1)+"</a>")}
}
b(".nivo-controlNav a:eq("+p.currentSlide+")",d).addClass("active");
	b(".nivo-controlNav a",d).live("click",function(){
	if(p.running){
	return false}
if(b(this).hasClass("active")){
	return false}
clearInterval(c);
	c="";
	if(j.useTransparentBg===false){
	d.css("background",'url("'+p.currentImage.attr("src")+'") no-repeat 50% 0')}
else{
	d.css("background","none")}
p.currentSlide=b(this).attr("rel")-1;
	r(d,e,j,"control")}
)}
if(j.keyboardNav){
	b(window).keypress(function(i){
	if(i.keyCode=="37"){
	if(p.running){
	return false}
clearInterval(c);
	c="";
	p.currentSlide-=2;
	r(d,e,j,"prev")}
if(i.keyCode=="39"){
	if(p.running){
	return false}
clearInterval(c);
	c="";
	r(d,e,j,"next")}
}
)}
if(j.pauseOnHover){
	d.hover(function(){
	p.paused=true;
	clearInterval(c);
	c=""}
,function(){
	p.paused=false;
	if(c==""&&!j.manualAdvance){
	c=setInterval(function(){
	r(d,e,j,false)}
,j.pauseTime)}
}
)}
d.bind("nivo:animFinished",function(){
	p.running=false;
	b(e).each(function(){
	if(b(this).is("a")){
	b(this).css("display","none")}
}
);
	if(b(e[p.currentSlide]).is("a")){
	b(e[p.currentSlide]).css("display","block")}
if(c==""&&!p.paused&&!j.manualAdvance){
	c=setInterval(function(){
	r(d,e,j,false)}
,j.pauseTime)}
j.afterChange.call(this)}
);
	var g=function(v,u,x){
	for(var t=0;
	t<u.slices;
	t++){
	var w=Math.round(v.width()/u.slices);
	if(t==u.slices-1){
	v.append(b('<div class="nivo-slice"></div>').css({
	left:(w*t)+"px",width:(v.width()-(w*t))+"px",height:"0px",opacity:"0",background:'url("'+x.currentImage.attr("src")+'") no-repeat -'+((1920-b(window).width())/2+(w+(t*w))-w)+"px 0%"}
))}
else{
	v.append(b('<div class="nivo-slice"></div>').css({
	left:(w*t)+"px",width:w+"px",height:"0px",opacity:"0",background:'url("'+x.currentImage.attr("src")+'") no-repeat -'+((1920-b(window).width())/2+(w+(t*w))-w)+"px 0%"}
))}
}
}
;
	var h=function(u,i,x){
	var t=Math.round(u.width()/i.boxCols);
	var y=Math.round(u.height()/i.boxRows);
	for(var v=0;
	v<i.boxRows;
	v++){
	for(var w=0;
	w<i.boxCols;
	w++){
	if(w==i.boxCols-1){
	u.append(b('<div class="nivo-box"></div>').css({
	opacity:0,left:(t*w)+"px",top:(y*v)+"px",width:(u.width()-(t*w))+"px",height:y+"px",background:'url("'+x.currentImage.attr("src")+'") no-repeat -'+((1920-b(window).width())/2+(t+(w*t))-t)+"px -"+((y+(v*y))-y)+"px"}
))}
else{
	u.append(b('<div class="nivo-box"></div>').css({
	opacity:0,left:(t*w)+"px",top:(y*v)+"px",width:t+"px",height:y+"px",background:'url("'+x.currentImage.attr("src")+'") no-repeat -'+((1920-b(window).width())/2+(t+(w*t))-t)+"px -"+((y+(v*y))-y)+"px"}
))}
}
}
}
;
	var r=function(H,G,K,D){
	var F=H.data("nivo:vars");
	if(F&&(F.currentSlide==F.totalSlides-1)){
	K.lastSlide.call(this)}
if((!F||F.stop)&&!D){
	return false}
K.beforeChange.call(this);
	if(K.useTransparentBg===false){
	if(!D){
	H.css("background",'url("'+F.currentImage.attr("src")+'") no-repeat 50% 0')}
else{
	if(D=="prev"){
	H.css("background",'url("'+F.currentImage.attr("src")+'") no-repeat')}
if(D=="next"){
	H.css("background",'url("'+F.currentImage.attr("src")+'") no-repeat')}
}
}
else{
	if(!D){
	H.css("background","none")}
else{
	if(D=="prev"){
	H.css("background","none")}
if(D=="next"){
	H.css("background","none")}
}
}
F.currentSlide++;
	if(F.currentSlide==F.totalSlides){
	F.currentSlide=0;
	K.slideshowEnd.call(this)}
if(F.currentSlide<0){
	F.currentSlide=(F.totalSlides-1)}
if(b(G[F.currentSlide]).is("img")){
	F.currentImage=b(G[F.currentSlide])}
else{
	F.currentImage=b(G[F.currentSlide]).find("img:first")}
if(K.controlNav){
	b(".nivo-controlNav a",H).removeClass("active");
	b(".nivo-controlNav a:eq("+F.currentSlide+")",H).addClass("active")}
q(K);
	b(".nivo-slice",H).remove();
	b(".nivo-box",H).remove();
	if(K.effect=="random"){
	var M=new Array("sliceDownRight","sliceDownLeft","sliceUpRight","sliceUpLeft","sliceUpDown","sliceUpDownLeft","fold","fade","boxRandom","boxRain","boxRainReverse","boxRainGrow","boxRainGrowReverse");
	F.randAnim=M[Math.floor(Math.random()*(M.length+1))];
	if(F.randAnim==undefined){
	F.randAnim="fade"}
}
if(K.effect.indexOf(",")!=-1){
	var M=K.effect.split(",");
	F.randAnim=M[Math.floor(Math.random()*(M.length))];
	if(F.randAnim==undefined){
	F.randAnim="fade"}
}
F.running=true;
	if(K.effect=="sliceDown"||K.effect=="sliceDownRight"||F.randAnim=="sliceDownRight"||K.effect=="sliceDownLeft"||F.randAnim=="sliceDownLeft"){
	g(H,K,F);
	var L=0;
	var I=0;
	var t=b(".nivo-slice",H);
	if(K.effect=="sliceDownLeft"||F.randAnim=="sliceDownLeft"){
	t=b(".nivo-slice",H)._reverse()}
t.each(function(){
	var i=b(this);
	i.css({
	top:"0px"}
);
	if(I==K.slices-1){
	setTimeout(function(){
	i.animate({
	height:"100%",opacity:"1.0"}
,K.animSpeed,"",function(){
	H.trigger("nivo:animFinished")}
)}
,(100+L))}
else{
	setTimeout(function(){
	i.animate({
	height:"100%",opacity:"1.0"}
,K.animSpeed)}
,(100+L))}
L+=50;
	I++}
)}
else{
	if(K.effect=="sliceUp"||K.effect=="sliceUpRight"||F.randAnim=="sliceUpRight"||K.effect=="sliceUpLeft"||F.randAnim=="sliceUpLeft"){
	g(H,K,F);
	var L=0;
	var I=0;
	var t=b(".nivo-slice",H);
	if(K.effect=="sliceUpLeft"||F.randAnim=="sliceUpLeft"){
	t=b(".nivo-slice",H)._reverse()}
t.each(function(){
	var i=b(this);
	i.css({
	bottom:"0px"}
);
	if(I==K.slices-1){
	setTimeout(function(){
	i.animate({
	height:"100%",opacity:"1.0"}
,K.animSpeed,"",function(){
	H.trigger("nivo:animFinished")}
)}
,(100+L))}
else{
	setTimeout(function(){
	i.animate({
	height:"100%",opacity:"1.0"}
,K.animSpeed)}
,(100+L))}
L+=50;
	I++}
)}
else{
	if(K.effect=="sliceUpDown"||K.effect=="sliceUpDownRight"||F.randAnim=="sliceUpDown"||K.effect=="sliceUpDownLeft"||F.randAnim=="sliceUpDownLeft"){
	g(H,K,F);
	var L=0;
	var I=0;
	var B=0;
	var t=b(".nivo-slice",H);
	if(K.effect=="sliceUpDownLeft"||F.randAnim=="sliceUpDownLeft"){
	t=b(".nivo-slice",H)._reverse()}
t.each(function(){
	var i=b(this);
	if(I==0){
	i.css("top","0px");
	I++}
else{
	i.css("bottom","0px");
	I=0}
if(B==K.slices-1){
	setTimeout(function(){
	i.animate({
	height:"100%",opacity:"1.0"}
,K.animSpeed,"",function(){
	H.trigger("nivo:animFinished")}
)}
,(100+L))}
else{
	setTimeout(function(){
	i.animate({
	height:"100%",opacity:"1.0"}
,K.animSpeed)}
,(100+L))}
L+=50;
	B++}
)}
else{
	if(K.effect=="fold"||F.randAnim=="fold"){
	g(H,K,F);
	var L=0;
	var I=0;
	b(".nivo-slice",H).each(function(){
	var i=b(this);
	var v=i.width();
	i.css({
	top:"0px",height:"100%",width:"0px"}
);
	if(I==K.slices-1){
	setTimeout(function(){
	i.animate({
	width:v,opacity:"1.0"}
,K.animSpeed,"",function(){
	H.trigger("nivo:animFinished")}
)}
,(100+L))}
else{
	setTimeout(function(){
	i.animate({
	width:v,opacity:"1.0"}
,K.animSpeed)}
,(100+L))}
L+=50;
	I++}
)}
else{
	if(K.effect=="fade"||F.randAnim=="fade"){
	g(H,K,F);
	var z=b(".nivo-slice:first",H);
	z.css({
	height:"100%",width:H.width()+"px"}
);
	z.animate({
	opacity:"1.0"}
,(K.animSpeed*2),"",function(){
	H.trigger("nivo:animFinished")}
)}
else{
	if(K.effect=="slideInRight"||F.randAnim=="slideInRight"){
	g(H,K,F);
	var z=b(".nivo-slice:first",H);
	z.css({
	height:"100%",width:"0px",opacity:"1"}
);
	z.animate({
	width:H.width()+"px"}
,(K.animSpeed*2),"",function(){
	H.trigger("nivo:animFinished")}
)}
else{
	if(K.effect=="slideInLeft"||F.randAnim=="slideInLeft"){
	g(H,K,F);
	var z=b(".nivo-slice:first",H);
	z.css({
	height:"100%",width:"0px",opacity:"1",left:"",right:"0px"}
);
	z.animate({
	width:H.width()+"px"}
,(K.animSpeed*2),"",function(){
	z.css({
	left:"0px",right:""}
);
	H.trigger("nivo:animFinished")}
)}
else{
	if(K.effect=="boxRandom"||F.randAnim=="boxRandom"){
	h(H,K,F);
	var J=K.boxCols*K.boxRows;
	var I=0;
	var L=0;
	var w=o(b(".nivo-box",H));
	w.each(function(){
	var i=b(this);
	if(I==J-1){
	setTimeout(function(){
	i.animate({
	opacity:"1"}
,K.animSpeed,"",function(){
	H.trigger("nivo:animFinished")}
)}
,(100+L))}
else{
	setTimeout(function(){
	i.animate({
	opacity:"1"}
,K.animSpeed)}
,(100+L))}
L+=20;
	I++}
)}
else{
	if(K.effect=="boxRain"||F.randAnim=="boxRain"||K.effect=="boxRainReverse"||F.randAnim=="boxRainReverse"||K.effect=="boxRainGrow"||F.randAnim=="boxRainGrow"||K.effect=="boxRainGrowReverse"||F.randAnim=="boxRainGrowReverse"){
	h(H,K,F);
	var J=K.boxCols*K.boxRows;
	var I=0;
	var L=0;
	var y=0;
	var E=0;
	var C=new Array();
	C[y]=new Array();
	var w=b(".nivo-box",H);
	if(K.effect=="boxRainReverse"||F.randAnim=="boxRainReverse"||K.effect=="boxRainGrowReverse"||F.randAnim=="boxRainGrowReverse"){
	w=b(".nivo-box",H)._reverse()}
w.each(function(){
	C[y][E]=b(this);
	E++;
	if(E==K.boxCols){
	y++;
	E=0;
	C[y]=new Array()}
}
);
	for(var A=0;
	A<(K.boxCols*2);
	A++){
	var u=A;
	for(var x=0;
	x<K.boxRows;
	x++){
	if(u>=0&&u<K.boxCols){
	(function(S,N,R,O,T){
	var Q=b(C[S][N]);
	var v=Q.width();
	var P=Q.height();
	if(K.effect=="boxRainGrow"||F.randAnim=="boxRainGrow"||K.effect=="boxRainGrowReverse"||F.randAnim=="boxRainGrowReverse"){
	Q.width(0).height(0)}
if(O==T-1){
	setTimeout(function(){
	Q.animate({
	opacity:"1",width:v,height:P}
,K.animSpeed/1.3,"",function(){
	H.trigger("nivo:animFinished")}
)}
,(100+R))}
else{
	setTimeout(function(){
	Q.animate({
	opacity:"1",width:v,height:P}
,K.animSpeed/1.3)}
,(100+R))}
}
)(x,u,L,I,J);
	I++}
u--}
L+=100}
}
}
}
}
}
}
}
}
}
}
;
	var o=function(u){
	for(var v,t,w=u.length;
	w;
	v=parseInt(Math.random()*w),t=u[--w],u[w]=u[v],u[v]=t){
}
return u}
;
	var k=function(i){
	if(this.console&&typeof console.log!="undefined"){
	console.log(i)}
}
;
	this.stop=function(){
	if(!b(m).data("nivo:vars").stop){
	b(m).data("nivo:vars").stop=true;
	k("Stop Slider")}
}
;
	this.start=function(){
	if(b(m).data("nivo:vars").stop){
	b(m).data("nivo:vars").stop=false;
	k("Start Slider")}
}
;
	j.afterLoad.call(this);
	return this}
;
	b.fn.nivoSlider=function(c){
	return this.each(function(e,g){
	var d=b(this);
	if(d.data("nivoslider")){
	return d.data("nivoslider")}
var f=new a(this,c);
	d.data("nivoslider",f)}
)}
;
	b.fn.nivoSlider.defaults={
	effect:"random",slices:15,boxCols:12,boxRows:8,animSpeed:500,pauseTime:3000,startSlide:0,directionNav:true,directionNavHide:true,controlNav:true,controlNavThumbs:false,controlNavThumbsFromRel:false,controlNavThumbsSearch:".png",controlNavThumbsReplace:"_thumb.png",keyboardNav:true,pauseOnHover:true,manualAdvance:false,captionOpacity:0.8,prevText:"Prev",nextText:"Next",beforeChange:function(){
}
,afterChange:function(){
}
,slideshowEnd:function(){
}
,lastSlide:function(){
}
,afterLoad:function(){
}
}
;
	b.fn._reverse=[].reverse}
)(jQuery);
	$(window).resize(function(){
	$("#body-wrapper").css("width",$(window).width());
	$(".nivoSlider").css("width",$(window).width())}
);
	$(document).ready(function(){
	$("#body-wrapper").css("width",$(window).width());
	$(".nivoSlider").css("width",$(window).width());
	a();
	function a(){
	$("#slider3").nivoSlider({
	pauseTime:5000,pauseOnHover:false,directionNav:true,controlNavThumbs:false,controlNavThumbsFromRel:false,useTransparentBg:false}
)}
var b;
	$(".js li").mouseover(function(){
	b=$(this).index();
	$(".view_ul li").eq(b).css("display","block").siblings().css("display","none")}
);
	$(".view_ul li a").mouseout(function(){
	$(".view_ul li").css("display","none")}
)}
);
	$(document).ready(function(){
	var b=window.location.href.lastIndexOf("_");
	var a;
	if(b>0){
	a=window.location.href.substring(window.location.href.lastIndexOf("/")+1,b)}
else{
	a=window.location.href.substring(window.location.href.lastIndexOf("/")+1)}
$("li a[href*='"+a+"']").addClass("active")}
);
	$(function(){
	$("#qq").unbind().bind("click",function(a){
	a.preventDefault();
	$(".taking").toggle()}
)}
);

CSS代码(public.css):

@charset "gb2312";*{margin:0;padding:0}
img{border:0;display:block}
li{list-style:none}
a{text-decoration:none;display:block}
div{font-size:12px;font-family:"΢���ź�"}
.clear{clear:both;font-size:0;height:0;line-height:0;*font-size:1px;*height:1px;*line-height:1px}
.a_cont a.active{color:#e2e41f}
.dv_hs a.active{color:#e2e41f}
*{margin:0;padding:0}
img{border:0}
ul,ul li{list-style:none}
.main1{width:920px;margin:15px auto 0;height:170px;position:relative}
.js{position:absolute;z-index:10;text-align:center;top:50px;width:876px;left:58px}
.js li{width:106px;height:100px;float:left;margin:0 22px 0 0;display:inline;background:url(../images/index_hbj.png) no-repeat right center;padding-right:18px}
.js li img{display:block;margin:0 auto}
.js li p{width:100%;height:22px;line-height:22px;text-align:center;font-weight:bold}
ul.view_ul{position:absolute;width:924px;height:130px}
ul.view_ul li{position:absolute;top:32px;display:none;z-index:20}
ul.view_ul li a{width:270px;height:105px;padding:18px 30px 0 170px;color:#fff;line-height:18px;font-size:12px;display:block}
.t{background:url(../images/1_06.jpg) no-repeat;left:23px}
.t2{background:url(../images/zong_07.jpg) no-repeat;left:170px}
.t3{background:url(../images/lan_07.jpg) no-repeat;left:315px}
.t4{background:url(../images/lv_07.jpg) no-repeat;left:465px}
.t5{background:url(../images/qianlan_07.jpg) no-repeat;left:330px}
.t6{background:url(../images/zi_07.jpg) no-repeat;left:475px}
.m_t_t a{text-decoration:none;color:#85a826}
.m_t_t a:link{color:#85a826}
.m_t_t a:visited{color:#85a826}
.m_t_t a:hover,a:active,a:focus{color:#85a826;text-decoration:underline}
.nivoSlider{position:relative}
.nivoSlider img{left:0;top:0;position:absolute}
.nivoSlider a.nivo-imageLink{margin:0;padding:0;border:0 currentColor;left:0;top:0;width:100%;height:100%;display:none;position:absolute;z-index:6}
.nivo-slice{height:100%;display:block;position:absolute;z-index:5}
.nivo-box{display:block;position:absolute;z-index:5}
.nivo-caption{left:59px;width:270px;bottom:112px;color:#fff;position:absolute;z-index:8;opacity:.8}
.nivo-caption h1{padding:15px 20px;font-family:"Terminal Dosis",sans-serif;font-size:20px;font-weight:300;background:#e53400}
.nivo-caption p{background:#000;margin:0;padding:10px 20px}
.nivo-caption a{display:inline!important}
.nivo-html-caption{display:none}
.nivo-directionNav a{top:45%;position:absolute;z-index:9;cursor:pointer}
.nivo-prevNav{left:0}
.nivo-nextNav{right:0}
.nivo-controlNav a{position:relative;z-index:9;cursor:pointer}
.nivo-controlNav a.active{font-weight:bold}
.center-clear{margin:0 auto!important;width:100%}
#body-wrapper{width:100%;float:left}

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