bubbleup.js图标冒泡插件

bubbleup图标实现的效果是当鼠标悬浮在图标菜单上时，图标会自动放大，鼠标离开后，会恢复到原状。

分类：其它特效 > jQuery插件难易：初级

查看演示下载资源下载积分： 20 积分

图标列表html代码

<ul id="menu">
    <li><a href="http://www.sucaihuo.com/"><img src="images/feed.png" alt="素材火"/></a></li>
    <li><a href="http://www.sucaihuo.com/js"><img src="images/email.png" alt="jQuery特效"/></a></li>
    <li><a href="http://www.sucaihuo.com/templates"><img src="images/twitter.png" alt="网站模板"/></a></li>
</ul>

引入冒泡插件bubbleup.js

<script type="text/javascript" src="js/jquery.bubbleup.js"></script>

$("ul#menu li img").bubbleup({tooltip: true, scale: 96});

bubbleup相关API参数

参数	描述	默认值
tooltip	是否显示提示信息	false
scale	放大比例	96
fontFamily	字体样式	Helvetica, Arial, sans-serif
color	字体颜色	#333333
fontSize:	字体大小	12
fontWeight	字体加粗	bold
inSpeed	打开速度	fast
outSpeed	关闭速度	fast