热门关键字:
jquery > jquery插件 > jquery3D标签云 > 超酷的js+css3实现的3D标签云特效

超酷的js+css3实现的3D标签云特效

23906
所属分类:jquery3D标签云
发布时间:2013/8/3 23:21:37
下载量:3283
评论数:1
转载请自觉注明原文:http://www.jq-school.com/Detail.aspx?id=295

此作品是一款超酷的3D标签云js特效,效果很棒,加入了css3样式,是JquerySchool网站以前分享的另一款3D标签云的加强版,修正了鼠标悬浮在标签上之后继续360度继续旋转Bug,现在只要选中哪个标签,选中的标签就会不动,悬浮在最上层,其它的继续旋转。。。


核心功能代码如下:

function doPosition(){
	var l = oDiv.offsetWidth / 2;
	var t = oDiv.offsetHeight / 2;
	for (var i = 0; i < mcList.length; i++) {
		if (mcList[i].on) {
			continue;
		}
		var aAs = aA[i].style;
		if (mcList[i].alpha > 0.1) {
			if (aAs.display != '')
				aAs.display = '';
		} else {
			if (aAs.display != 'none')
				aAs.display = 'none';
			continue;
		}
		aAs.left = mcList[i].cx + l - mcList[i].offsetWidth / 2 + 'px';
		aAs.top = mcList[i].cy + t - mcList[i].offsetHeight / 2 + 'px';           
		aAs.filter = "alpha(opacity=" + 100 * mcList[i].alpha + ")";
		aAs.zIndex = mcList[i].zIndex;
		aAs.opacity = mcList[i].alpha;
	}
}

效果如下:

超酷的js+css3实现的3D标签云特效






如果您觉得本作品对您的学习有所帮助:支付鼓励



关键字:关键字 3D效果 3D云标签 box2d 2D特效 css3 360度旋转 旋转特效
  • 超酷的js+css3实现的3D标签云特效如果你喜欢学院的资源就下载吧,亲,谢谢!
  • 超酷的js+css3实现的3D标签云特效
  • 超酷的js+css3实现的3D标签云特效
  • 提示:如果网络问题无法下载,请多尝试几次,与 网站管理员联系 或 本站留言 !

声明: 本站内容均为网友原创或整理于互联网,版权归作品最初创作人,转载请注明(出处)原文链接,转载前请邮件至磐temdy@qq.com,一旦发现造成侵权行为,后果自负。。

友荐云推荐