e源码 > 网页特效 > jQuery提示框插件tooltip 鼠标悬停提示框
jQuery提示框插件tooltip 鼠标悬停提示框

未知

jQuery提示框插件tooltip 鼠标悬停提示框

发布时间 2019-12-21  分类 网页特效   下载权限 白银VIP

  • 模板介绍
  • 下载记录
声明

1、下载链接失效请联系网页右侧的在线客服,购买后如果链接失效可联系在线客服人员完善资源信息。
2、本站所有资源不提供任何的代搭建服务和任何的技术指导服务,请自行研究使用。
3、本站所有资源均源于网友分享及网络公开发表,本站不拥有版权,所有资料仅供学习与交流,请勿商用和非法用途。
4、所收取费用仅用来维系网站运营与日常推广宣传,性质为用户友情赞助,并非售卖文件费用。
5、如侵犯您的权益,请联系客服人员,提供著作证明,我们将会在第一时间进行处理。

详情介绍

 



tooltip


效果类似bootstrap的tooltip

使用方法
1.引入tooltip.js和style.css文件
<link rel="stylesheet" href="style.css">
<script src="tooltip.js"></script>

2 DOM结构中

<!-- tip:tooltip提示框中的文本内容;direction:tooltip提示框的位置,可选值为top/right/bottom/left -->
<li class="item" tip="Tooltip-top" direction="top">top</li>
<li class="item" tip="Tooltip-right" direction="right">right</li>
<li class="item" tip="Tooltip-bottom" direction="bottom">bottom</li>
<li class="item" tip="Tooltip-left" direction="left">left</li>
tip:tooltip提示的文本内容
direction: tooltip的位置,可选值为top/right/bottom/left

3.JS中   tooltip(ele)     ele:元素的class,必填项,若只给一个元素添加tooltip,可以使用id tooltip('.item');
 

共有 条评论

    热门模板

    jQuery订单系统代码

    2019-05-26   浏览:8426

    jQuery鼠标移入方向感知效

    2020-01-17   浏览:5742

    仿浏览器主页搜索代码

    2019-05-26   浏览:626

    jQuery轮播图效果插件gmlB

    2020-02-01   浏览:245

    js固定在网站底部在线客服

    2019-05-12   浏览:210

    jQuery产品列表换一批效果

    2020-01-17   浏览:200

    jQuery提示框插件tooltip 鼠标

    2019-12-21   浏览:176

    CSS网页右下角悬浮在线人

    2019-03-11   浏览:175

    网站底部标志
    关于我们 免责声明 广告合作 联系我们 Copyright© 2018-2020 e源码 1EXUN.COM 苏ICP备17076902