js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:首页 > 网页特效 > JS广告代码 > JS幻灯片

jquery仿步步高vivo官网全屏动画焦点图特效代码

发布时间:2015-09-24 14:30:41    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

jquery仿步步高vivo官网全屏动画焦点图特效代码
var VIVO_UIMIX = {    
	i : 0,    
	init: function(c) {    
		var c = c ? c : VIVO_UIMIX;    
		for (var i in c) {if (c[i] && c[i].init) {c[i].init();}}    
	},    
	html5 : function(){    
		var thisBody = document.body || document.documentElement,    
	thisStyle = thisBody.style,    
	support = thisStyle.transition !== undefined || thisStyle.WebkitTransition !== undefined || thisStyle.MozTransition !== undefined || thisStyle.MsTransition !== undefined || thisStyle.OTransition !== undefined;    
		if(support!==undefined) {return true}else{return false}    
	},    
	scroll : function(n,speed){    
		$("body,html").stop().animate({scrollTop:n},speed);    
	},    
	browser : function(n){    
		var e = window.navigator.userAgent,    
		b="",ie=0;    
		if (e.indexOf("MSIE") >= 0){    
			b="ie";    
			if(e.indexOf("MSIE 6.0")>0) ie=6;    
			if(e.indexOf("MSIE 7.0")>0) ie=7;    
			if(e.indexOf("MSIE 8.0")>0) ie=8;    
			if(e.indexOf("MSIE 9.0")>0) ie=9;    
			if(e.indexOf("MSIE 10.0")>0) ie=10;    
			if(e.indexOf("MSIE 11.0")>0) ie=11;    
			if(e.indexOf("MSIE 12.0")>0) ie=12;    
		}    
		else if (e.indexOf("Firefox") >= 0) {b="firefox"}    
		else if(e.indexOf("Chrome") >= 0){b="chrome"}    
		else if(e.indexOf("Opera") >= 0){b="opera"}    
		else if(e.indexOf("Safari") >= 0){b="safari"}    
		if(n){    
			if(b=="ie"){return ie}else{return b}    
		}else{return b}    
	},    
	iepng : function(){    
		if(VIVO_UIMIX.browser(1)==6){    
			for(var j=0; j<document.images.length; j++)    
			{    
				var img = document.images[j];    
				var imgName = img.src.toUpperCase();    
				if (imgName.substring(imgName.length-3, imgName.length) == "PNG")    
				{    
				var imgID = (img.id) ? "id='" + img.id + "' " : "";    
				var imgClass = (img.className) ? "class='" + img.className + "' " : "";    
				var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' ";    
				var imgAlt = (img.alt) ? "alt='" + img.alt + "' " : "alt='" + img.title + "' ";    
				var imgStyle = "display:inline-block;" + img.style.cssText;    
				if (img.align == "left") imgStyle = "float:left;" + imgStyle;    
				if (img.align == "right") imgStyle = "float:right;" + imgStyle;    
				if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle;    
				var strNewHTML = "<i " + imgID + imgClass + imgTitle +  " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'" + img.src + "\', sizingMethod='scale');\"></i>";    
				img.outerHTML = strNewHTML;    
				j = j-1;    
				}    
			}    
		}    
	}    
};    
// PC official website    
VIVO_UIMIX.main = {    
	init : function(){    
		VIVO_UIMIX.init(VIVO_UIMIX.main);    
		// VIVO_UIMIX.main.fixcontain();    
		VIVO_UIMIX.iepng();    
		if(VIVO_UIMIX.browser(1)==6){setTimeout(function(){$("[href]").focus(function() {this.blur()})},1000)}    
		jQuery.easing.def="easeOutCubic";    
		$("img").mousedown(function(e){return false});    
	},    
	fixcontain: function(){    
		if($("#vivo-contain").size()<=0) return;    
		$(window).resize(function(){    
			var wh=$(this).height(),vw=$("#vivo-wrap"),ct=$("#vivo-contain"),hd=$("#vivo-head"),fd=$("#vivo-foot");    
			if(wh<vw.height()) return;    
			ct.css({height:wh-hd.height()-fd.height()});    
		}).resize();    
	}    
};    
$(document).ready(function() {VIVO_UIMIX.init()});



全屏 动画 焦点图

仿红木之家官网首页jquery焦点全屏大图切换特效

jQuery实现固定顶部导航,点触全屏滚动特效代码

jQuery仿腾讯云全屏下拉导航菜单特效代码

jquery实现全屏图片左右滚动预览焦点图特效

jQuery+CSS3 实现动画图片相册,大图全屏展示,前后翻页特效代码

jquery左右多图全屏拖拽以及点击弹窗多图切换效果

jquery弹出登录窗和切换全屏层会员注册特效

js仿微运5.0网站全屏图片轮播特效

jquery仿支付宝全屏图片幻灯片淡出淡进切换特效

jQuery实现带图标导航按钮控制的图片滑动切换全屏焦点图特效

jQuery实现带图标导航自动切换的全屏焦点图特效

jquery实现电子商城网站全屏多张图片滑动切换特效

jquery实现弹出层登录和全屏滚动注册特效代码

jQuery实现百度微任务全屏滑动页面特效代码

jquery实现全屏动感图片滑动切换焦点图特效代码

jQuery实现点击小图弹出全屏预览大图特效代码

jquery Ascensor.js插件实现全屏切换页面特效代码

jquery+html5实现响应式全屏幻灯片轮播特效代码

jquery仿步步高vivo官网全屏动画焦点图特效代码

jquery实现全屏弹性自动伸缩到顶部广告特效代码

jquery点击切换,3d淡入动画,头像相册特效

jQuery+CSS3 实现动画图片相册,大图全屏展示,前后翻页特效代码

jQuery鼠标悬停导航底部边框线条伸缩动画效果

jQuery鼠标悬停内容动画切换效果

css3鼠标滑过栏目图片滑动切换动画特效

jquery.fullPage插件,仿网易邮箱6.0介绍上下滚动动画效果

jquery实现飘动的云朵动画特效

jquery实现动画悬浮图标菜单特效

css3对话框插件来制作动画弹出表单特效

jquery实现浮层跟随图片动画特效

js+html5粒子效果浪漫表白的粒子文字动画特效

win8扁平风格宽屏焦点图片动画轮播特效

css3实现图标菜单,鼠标滑过图标动画菜单特效

css3旋转动画,制作鼠标经过圆形旋转特效

jquery+html5日历控件,制作多皮肤动画日历选择器特效

jQuery流星雨动画特效,jq流星雨特效代码

html5实现鼠标悬停图片动画展示特效

js+css3 实现扁平化APP图标黄色时钟,动画特效

jquery实现鼠标悬停图片动画显示文字信息特效

jQuery加入购物车产品飞入动画特效