jquery实现多屏多图焦点图切换特效的方法

2022-01-13,,,,

这篇文章主要介绍了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实现多屏多图焦点图切换特效的方法的详细内容,更多请关注本站其它相关文章!

《jquery实现多屏多图焦点图切换特效的方法.doc》

下载本文的Word格式文档,以方便收藏与打印。