bubbleup.js图标冒泡插件

bubbleup.js图标冒泡插件

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

淘建站为您提供更多_其它特效_jQuery插件_放大_提示,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 98 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。

图标列表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

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/767.html
bubbleup.js图标冒泡插件 希望对你有帮助,感谢您的支持!
  • jquery 图片放大镜仿iphone苹果手机图片文字放大查看效果

    jquery 图片放大镜仿iphone苹果手机图片文字放大查看效果

  • cropped仿新浪微博头像上传裁剪缩小放大预览

    cropped仿新浪微博头像上传裁剪缩小放大预览

  • 9种经典的tooltip信息提示框

    9种经典的tooltip信息提示框

  • jquery 信息提示对话框 用CSS3更换一个确认对话框

    jquery 信息提示对话框 用CSS3更换一个确认对话框

  • jquery热点提示工具插件

    jquery热点提示工具插件

  • 产品多图展示带放大镜代码

    产品多图展示带放大镜代码

  • jquery搜索提示插件输入文字搜索下拉框检索功能

    jquery搜索提示插件输入文字搜索下拉框检索功能

  • jquery带动画的确认框以及android的toast提示框

    jquery带动画的确认框以及android的toast提示框

  • jQuery适用于手机端图片放大缩小翻转代码

    jQuery适用于手机端图片放大缩小翻转代码

  • 鼠标滑过图片放大特效

    鼠标滑过图片放大特效

  • jQuery图片放大插件鼠标悬停图片放大查看

    jQuery图片放大插件鼠标悬停图片放大查看

  • 原生JS放大镜

    原生JS放大镜

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2