山东十一选五助赢软件:jQuery分步引导式插件(原创)

2019山东十一选五杀号 www.xvcvn.com 所属分类:UI-工具提示

 1699  10  查看评论 (0)
分享到微信朋友圈
X
jQuery分步引导式插件(原创) ie兼容11

更新时间:2019-12-10 22:12:20

使用说明

1.依赖jQuery,myIntro.jsmyIntro.css;

  为了显示效果我给tip上加了个logo图片。不需要的或者要替换logo的可以在myIntro.css里面修改:

.my-intro-tip-body::before{...}

里面的样式。

2.调用方式

var intro = myIntro(options);
options说明: {
    doms(数组, 每一步是一个对象): [
            {
                dom: $("#step-1"),
                align: 'right', //可选right left top bottom 决定步骤说明tip的位置,不选则自动判断(建议自己指定)
                position: 'fixed', //默认为absolute,对于fixed元素需要指定为fixed
                sizePlus: 5, //指定包裹dom的外边框的大小偏移量,默认比dom的宽高大10px,
                tip: "这是第一步的说明", //指定这一步骤的说明,可以写html
            },
            { ...
            },
            { ...
            },
        ],
        onClose: function() {
            //关闭后的回调函数
        },
        before: function(step, lastStep) {
            if (step == lastStep) {
                return true;
            }
            //每一步执行前的函数 step表示要执行哪一步 lastStep表示上一步是第几步
            //如果return false,那么插件将不会自动执行到下一步,需要手动调用intro.align()来触发,建议加上if(step==lastStep){return true}的判断避免重复执行before的回调函数;
        },
};

myIntro()会返回一个对象,这里是intro;intro的说明如下:

① 显示界面:intro.show();

② 隐藏界面:intro.hide();

③ 跳转到某一步:intro.jumpTo(step);

④ 显示当前的一步(也可以用来对齐外边框和intro-tip):intro.align();具体应用看例子

相关插件-工具提示

Metro风格的jQuery个性化消息提示插件

介绍一款Metro风格的消息提示框插件,插件是基于jQuery的,不仅拥有Metro哪种简单精巧的UI风格,而且兼容性也还不错。之前分享过一些基于jQuery和CSS3的提示框插件,比如HTML5CSS3弹出提示框,感兴趣的朋友也可以前往关注。
  工具提示
 19456  177

jquery自动关闭消息通知插件izitoast.js

iziToast.js是一款跨浏览器响应式消息通知插件。该消息通知插件体积小,使用简单。消息显示时带CSS3动画效果,时尚大方。
  工具提示
 22623  264

超漂亮的placeholders提示

超漂亮的placeholders提示
  工具提示
 22237  223

jq 提示插件

封装 jq 提示插件 Confirm ,兼容ie811chrome ff
  工具提示
 31564  232

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

取消回复