bubbleup图标实现的效果是当鼠标悬浮在图标菜单上时,图标会自动放大,鼠标离开后,会恢复到原状。
淘建站为您提供更多_其它特效_jQuery插件_放大_提示,在此特别感谢您对我们的支持与厚爱!
演示不了,点击反馈
下载 98 次
觉得不错,可打赏下作者
免费共享
图标列表html代码
<ul id="menu">
<li><a href="http://www.sucaiq.com/"><img src="images/feed.png" alt=""/></a></li>
<li><a href="http://www.sucaiq.com/js"><img src="images/email.png" alt="jQuery特效"/></a></li>
<li><a href="http://www.sucaiq.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 |

