添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 >

jQuery图片横向排列瀑布流插件jquery.capSlide.js

时间:2014-11-07      来源:互联网     
特效说明:
一款jQuery图片横向排列瀑布流插件jquery.capSlide.js网页特效,类似百度图片搜索缩略图瀑布流特效,根据屏幕宽度自适应排列图片js代码。图片高度保持固定高度自适应图片宽度网页瀑布流特效插件、图片列表排版jQuery插件。(兼容测试:IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen"/>

2、调用JS代码
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script src="js/jquery.capSlide.js" type="text/javascript"></script>

2、添加HTML代码:
<!--效果开始-->......<!--End-->之间的html代码;放在<body></body>之间。

4、代码应用案例:
$("#capslide_img_cont").capslide({
                    caption_color    : 'white',
                    caption_bgcolor    : 'black',
                    overlay_bgcolor : 'black',
                    border            : '',
                    showcaption        : false
 });
相关特效

最新更新特效

设计分享