写网页时可能遇到要将一堆东西列出来的情况,比如姓名啊,标签啊等等~
如果僵硬的列出来感觉很别扭,因为往往你要列出来的东西很多(直观,明了),你又不想去写另外一个html。我就遇到了这样的问题。
想想用滚动吧,滚动起来效果也不是很好。在高人指点下,了解到还有tagcloud(标签云)这类东西。网上一搜,发现标签云写的漂亮的,那
真是华丽丽啊。
于是在网上找了份代码,贴上地址吧
http://blogold.chinaunix.net/u3/115194/showart_2242264.html
效果还是很不错的,就是看起来有点晃眼睛
看看效果:
附带点说明:
这种效果的实现主要是利用了三角函数,设置stepping,角度不同,则显示出的效果不同(因为字体的大小和透明度都和角度有关)。
感觉这里有一点不足之处,就是stepping的设置。设计的很巧妙(可以实现两个方向的转动),但感觉不够精细。通过计算mousemove()
事件获得的鼠标坐标与width/2的差来得到stepping,的确很好,但转动时速度过快,效果就很差了。所以我在之后加上了一句,每次调用
render()时,stepping/=1.05;这样会有些改进,但依旧效果不是太好。不知道是设计的问题还是代码的问题。应该stepping再改进下,效果
会好些。以后再试试。
PS:标签云这东西看起来就有点犀利,而且有各种各样的版本,看到过很牛的,计算起来实在麻烦。这个,还是值得研究的。