jQuery网页新功能步骤引导

所属分类:UI-工具提示

 28186  356  查看评论 (6)
分享到微信朋友圈
X
jQuery网页新功能步骤引导 ie兼容9

使用方法

主要调用3个必须文件paopao.css、jquery-1.10.2.js、paopao.js

<link rel="stylesheet" type="text/css" href="css/paopao.css"/>
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="script/paopao.js" type="text/javascript" charset="utf-8"></script>

html代码

<div id="box">
    <div id="box1"></div>
    <div id="box2"></div>
</div>
<div id="box3"></div>
<div id="box4"></div>

js根据数组对应相应的提示文字即可

$(function() {
    var arrObj = [$('#box1'), $('#box2'), $('#box3'), $('#box4')];
    var arrTitle = ['提示信息可以修改哦^^', '背景萌图可以添加或者修改哦', '箭头指向也是可以修改的哈', '444'];
    $.guidance({
        obj: arrObj,
        title: arrTitle
    });
});
相关插件-工具提示

jquery 工具提示插件awTooltip

awTooltip是一个工具提示插件,用css和jQuery插件创建的。 它可以显示工具提示右,左,顶部或底部的元素。 也可以使用彩色工具提示样式。
  工具提示
 33074  312

jq 提示插件

封装 jq 提示插件 Confirm ,兼容ie811chrome ff
  工具提示
 48656  407

超漂亮的placeholders提示

超漂亮的placeholders提示
  工具提示
 33878  394

一款腾讯UED设计的提示插件

一款腾讯UED设计的提示插件
  工具提示
 44247  435

讨论这个项目(6)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    LEE.OPPA 0
    2020/5/7 17:25:33
    效果发错,分享出来给大家学习学习 回复
    冷酷的复读机 0
    2020/2/22 20:08:30
    怎么样才能做到只在第一次进入该页面的时候给提示?就比如说那种“不再显示”的按钮如何实现 ?
        areyouOk1
        2020/2/22 21:48:07
        用cookie或Local Storage,数据库来记录一个永久值判断即可。
    回复
    xuanziran 0
    2019/7/2 21:07:00
    适应性不是很好,缩放浏览器后刷新会偏移特别大 回复
    jugeJquery 0
    2019/5/25 14:01:11
    把这个js和css分享出来啊,
        LEE.OPPA0
        2020/5/7 17:25:52
        把这个js和css分享出来啊,
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复