使用tagcanvas.min.js 让你的标签添加特效
html5 canvas文字标签云 3D旋转
主要代码
// 球形词云相关
window. function () {
try {
var i, et = document.getElementById('tags').childNodes;
for (i in et) {
et[i].nodeName == 'A' && et[i].addEventListener('mouseover', function (e) {
e.preventDefault();
alert("干哈");
});
}
TagCanvas.Start('myCanvas', 'tags', {
textColour: '#222',
outlineColour: 'red',
reverse: true,
depth: 0.8,
dragControl: true,
decel:0.95,
maxSpeed: 0.01,
initial: [-0.2, 0]
});
} catch (e) {
// something went wrong, hide the canvas container
//document.getElementById('myCanvasContainer').style.display = 'none';
}
};
源码下载
隐藏内容,请回复后查看
注意:本文归作者所有,未经作者允许,不得转载