感谢网友王子墨的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/*咖啡杯的手柄宽度.*/
