jQuery网页新功能步骤引导

所属分类：UI-工具提示

28186 356 查看评论 (6)

分享到微信朋友圈

查看演示立即下载

插件描述：在网站上经常看到的网页新功能步骤引导

使用方法

主要调用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环型进度倒计时

jQuery调整表格宽度大小插件colResizable.js