这篇文章主要介绍了jquery实现多屏多图焦点图切换特效的方法,涉及jQuery插件jquery.kinMaxShow实现焦点图的相关技巧,非常具有实用价值,需要的朋友可以参考下
本文实例讲述了jquery实现多屏多图焦点图切换特效的方法。分享给大家供大家参考。具体实现方法如下:
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); }新闻111
新闻222
新闻333
新闻444
新闻555
新闻666
jquery.kinMaxShow-1.1.min.js点击此处本站下载。
希望本文所述对大家的jQuery程序设计有所帮助。
以上就是jquery实现多屏多图焦点图切换特效的方法的详细内容,更多请关注本站其它相关文章!