小宝儿的gravatar头像
小宝儿2015-11-14 09:53:22

jquery开源插件fancybox实现的网站开发中全屏轮播效果

使用fancybox实现的一个网站开发中的全屏轮播效果

项目截图如下:

jquery开源插件fancybox实现的网站开发中全屏轮播效果

var isPass = false;
$(document).ready(function(){
	var $doc=$(document).scrollTop(1);
	var flag=false;//第一次进入页面
	var timer,once=1;
	var $banner=$(".banner");
	$(window).scroll(function(){
		if(once==1){once=null;return false;}
		if($doc.scrollTop()<3){
			clearTimeout(timer);
			if(flag!=1){
				timer=setTimeout(function(){
					flag=1;//banner展开
					$banner.stop(true,true).animate({"height":"68%"},400);//height原来为100%,鼠标下拉有自动充满整屏的效果。由于业务需要,去掉此效果,
				},200);
			}
			
		}else{
			clearTimeout(timer);
			if(flag!=2){
				timer=setTimeout(function(){
					flag=2;//banner收起
					$banner.stop(true,true).animate({"height":"68%"},400);
				},200);
			}
		}
	})
	$('.fancybox-thumbs').fancybox({
		helpers : {
				thumbs : {
					width  :120,
					height : 79
				}
			}
	});
	//一次横向滚动一个
	for(i=0;i<document.links.length;i++){
		document.links[i].title='555';
	}
	
	
	
	$('.appClose').click(function(){
		$('#appointment').hide();
		$('#app2').hide();
		mailInfoClear();
	});	

	$(".gPic").hover(function(){
		$(this).siblings(".guoqi").toggle()
	});
  
});

效果如下:jquery开源插件fancybox实现的网站开发中全屏轮播效果jquery开源插件fancybox实现的网站开发中全屏轮播效果jquery开源插件fancybox实现的网站开发中全屏轮播效果jquery开源插件fancybox实现的网站开发中全屏轮播效果


打赏

文件名:fancybox.zip,文件大小:4389.754K下载
  • /
      • /fancybox
          • /fancybox/css
            • /fancybox/css/styles.css
          • /fancybox/images
            • /fancybox/images/close.png
            • /fancybox/images/fangda.png
            • /fancybox/images/fengjing1.jpg
            • /fancybox/images/fengjing2.jpg
            • /fancybox/images/fengjing3.jpg
            • /fancybox/images/fengjing4.jpg
最代码最近下载分享源代码列表最近下载
云上飞 LV74月22日
月亮星星星星星星
samfeng2003 LV102016年12月4日
月亮月亮星星星星
小宝儿 LV112016年11月23日
月亮月亮星星星星星星
dagf113225 LV682016年2月24日
皇冠月亮
信仰淡忘 LV212016年1月20日
太阳月亮星星
gavinslover LV52015年12月28日
月亮星星
cqwzwqwsj LV172015年12月1日
太阳星星
panjian LV12015年11月30日
星星
菩提树下的椰子 LV172015年11月18日
太阳星星
最代码官方 LV1622015年11月14日
皇冠皇冠太阳太阳星星星星
最代码最近浏览分享源代码列表最近浏览
白首 LV16月29日
星星
云上飞 LV74月22日
月亮星星星星星星
wxx001 LV104月10日
月亮月亮星星星星
剑指总冠军 LV42020年12月25日
月亮
王紫迪 LV12020年6月17日
星星
无名小卒22020年5月21日
暂无贡献等级
onimao LV132020年4月26日
月亮月亮月亮星星
assadd LV92020年4月24日
月亮月亮星星
thecoke LV42020年3月13日
月亮
muzi1204 LV32020年1月9日
星星星星星星
顶部客服微信二维码底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友