首页

源码搜藏网

首页 > 网页特效 > 焦点图 >

jQuery实现三屏前后图片预览焦点图

创建时间:2014-10-09 08:27  

jQuery实现三屏前后图片预览焦点图
jQuery实现三屏前后图片预览焦点图
效果预览 立即下载
jQuery三屏前后图片预览焦点图jQuery手风琴式相册图片特效是一款只需点击图片缩略图即可展开当前的图片,并将其他的图片收缩起来。jQuery图片预览滑动切换3屏显示 所属专题:焦点图代码


<script type="text/javascript">
/* 把最后一个放到第一个前面,然后通过外层ul{margin-left:-630px !important; }来显示第一个 */
jQuery(".slider .bd li").first().before( jQuery(".slider .bd li").last() );
/* 控制左右按钮显示 */
jQuery(".slider .pnBtn").hover(function(){ jQuery(this).find(".arrow").show() },function(){ jQuery(this).find(".arrow").hide() });
/* 调用SuperSlide */
jQuery(".slider").slide({ mainCell:".bd ul", effect:"leftLoop",  autoPlay:true, vis:3, mouseOverStop:false });
</script>
上一篇:jQuery全屏3D旋转木马焦点图
下一篇:jquery带进度条提示焦点图

相关内容

热门推荐