感谢网友王子墨的jQuery咖啡杯(jQuery Coffee Clouds tags) 标签云插件

下面一个咖啡杯,冒出的热气是各种标签云,嗯,这个比较适合我们做Java的,谁让我们Java的标志就是一个冒着热气的咖啡杯呢。

用法:

1.引入jQuery类库和相关插件库:

<script type="text/javascript" src="http://julying.com/lab/_jslib/jQuery.js"></script>
<script type="text/javascript" src="http://julying.com/lab/coffee/js/jquery.coffee.js"></script>

2.写好咖啡杯渲染层:

<div class="coffee"></div>

3.调用插件方法:

<script type="text/javascript">
$(function(){
        $('div.coffee1').coffee();
});
</script>

4.当然你也可以自定义冒出的内容:

<script type="text/javascript">
$(function(){
        $('div.coffee1').coffee({
                  steams : [ 'jQuery' ,'My' , '自定义文字' ], // 自定义蒸汽字母
                  steamFlyTime : 10000 // 蒸汽飞行时间
        });
});
</script>

5.您还可以自定义如下参数:

steams			: ['jQuery','HTML5','HTML6','CSS3','$(this)','i++','Chrome','Firefox','Firebug'], 

steamsFontFamily	: ['Verdana','Geneva','Arial','Courier New','Georgia'],

steamFlyTime		: 7000 , /*Steam飞行的时间,单位 ms 。（决定steam飞行速度的快慢）*/

makeSteamInterval	: 500 , /*制造Steam时间间隔,单位 ms.*/

steamMaxSize		: 30 ,/*制造Steam时间间隔,单位 ms.*/

steamTopMax		: 300,/*蒸汽飞行最大高度.*/

coffeeHandleWidth	: 300/*咖啡杯的手柄宽度.*/

原文转自:感谢网友王子墨的jQuery咖啡杯(jQuery Coffee Clouds tags) 标签云插件