3D旋转图标导航

来源:https://www.sucaihuo.com/js/1698.html 2017-04-11 23:13浏览(388) 收藏

这是一款css3制作3D旋转图标导航特效,可以左右旋转非常实用的。
3D旋转图标导航
分类:图片代码 > 图标导航 难易:初级
查看演示 下载资源 下载积分: 20 积分
var rotaxDeg=cv[0].style.transform;
		var xDeg=rotaxDeg.substring(8);
		var deg=xDeg.substring(xDeg.length-4);
		var x=parseInt(xDeg.replace(deg,''));
		if(x>-10&&x<10){
			liCtrl.eq(4).find('a')[0].href=$('.vi').eq(0).find('a')[0].href;
		}else if(x>-50&&x<-30 || x>310&&x<330){
			liCtrl.eq(4).find('a')[0].href=$('.vi').eq(1).find('a')[0].href;
		}else if(x>-90&&x<-70 || x>270&&x<290){
			liCtrl.eq(4).find('a')[0].href=$('.vi').eq(2).find('a')[0].href;
		}else if(x>-130&&x<-110 || x>230&&x<250){
			liCtrl.eq(4).find('a')[0].href=$('.vi').eq(3).find('a')[0].href;
		}else if(x>-170&&x<-150 || x>190&&x<210){
			liCtrl.eq(4).find('a')[0].href=$('.vi').eq(4).find('a')[0].href;
		}else if(x>-210&&x<-190 || x>150&&x<170){
			liCtrl.eq(4).find('a')[0].href=$('.vi').eq(5).find('a')[0].href;
		}else if(x>-250&&x<-230 || x>110&&x<130){
			liCtrl.eq(4).find('a')[0].href=$('.vi').eq(6).find('a')[0].href;
		}else if(x>-290&&x<-270 || x>70&&x<90){
			liCtrl.eq(4).find('a')[0].href=$('.vi').eq(7).find('a')[0].href;
		}else if(x>-330&&x<-310 || x>30&&x<50){
标签: 导航3d
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2