此作品是一款超酷的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;
}
}
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
关键字 3D效果 3D云标签 box2d 2D特效 css3 360度旋转 旋转特效