html 折叠焦点图切换,jquery实现多屏多图焦点图切换特效的方法

本文实例讲述了jquery实现多屏多图焦点图切换特效的方法。分享给大家供大家参考。具体实现方法如下：

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

kinMaxShow 技巧效果

body{ margin:0; padding:50px 0 0 0;}

#show{width:600px; margin:0 auto;}

#kinMaxShow{width:600px; height:300px;

visibility:hidden; overflow:hidden;

}

#kinMaxShow p.title{

position:absolute; left:0; bottom:0;

text-indent:10px; line-height:30px;

font-family:Verdana; color:#FFF; display:block;

width:100%; height:30px; font-family:14px;

filter:progid:DXImageTransform.Microsoft.gradient(

startcolorstr=#aa000000,endcolorstr=#aa000000);

background:rgba(0,0,0,0.5);

}

$(function(){

$("#kinMaxShow").kinMaxShow({

height:300,

button:{

showIndex:true,

normal:{width:'18px',height:'18px',lineHeight:'18px',

right:'16px',bottom:'6px',fontSize:'12px',opacity:0.8,

background:"#666666",border:"1px solid #999999",

color:"#CCCCCC",marginRight:'6px'

},

focus:{

background:"#CC0000",border:"1px solid #FF0000",

color:"#000000"

}

}

});

});

新闻111

新闻222

新闻333

新闻444

新闻555

新闻666

jquery.kinMaxShow-1.1.min.js点击此处本站下载。

希望本文所述对大家的jQuery程序设计有所帮助。