帮我改成3D浮动效果

ccc0009 2010-04-18 03:01:40

<div id="tagCloud" class="hot mt1">
<dl class="tbox light">
<dt class='light'><strong>热点标签Tags</strong></dt>
<dd class='light'>
<a>www</a>
<a>bb</a>
<a>cc</a>
<a>dd</a>
</dd>
</dl>
</div>


注意html就注这样最好别改了,改js吧!!

function setTagCloudStyle() {
var colors = new Array("color0", "color1", "color2", "color3", "color4", "color5", "color6");
var sizes = new Array("size0", "size1", "size2", "size3", "size4", "size5", "size6");
var weights = new Array("weight0", "weight1", "weight2", "weight3", "weight4", "weight5", "weight6");
var colorsLen = colors.length;
var sizesLen = sizes.length;
var weightsLen = weights.length;
var tagCloud = document.getElementById("tagCloud");
var tagLinks = tagCloud.getElementsByTagName("a");
var tagLinksLen = tagLinks.length;
for (i = 0; i < tagLinksLen; i++) {
tagLinks[i].className = colors[Math.floor(colorsLen * Math.random())] + " " + sizes[Math.floor(sizesLen * Math.random())] + " " + weights[Math.floor(weightsLen * Math.random())]

}

}
if (document.addEventListener) {
window.addEventListener('load', setTagCloudStyle, false)

} else {
window.attachEvent('onload', setTagCloudStyle)

}



注意html就注这样最好别改了,改js吧!!

目前静态是这样的

...全文
79 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
ccc0009 2010-04-19
  • 打赏
  • 举报
回复
没人啊。。。
ccc0009 2010-04-18
  • 打赏
  • 举报
回复
Jquery 实现也可以,方法不限,总之 实现就行啦,50分 就这么多了,全给了。。

87,922

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧