jQuery用户使用引导插件

所属分类:UI-弹出层

 38749  393  查看评论 (4)
分享到微信朋友圈
X
jQuery用户使用引导插件 ie兼容8

用法

<script src="jquery.guide.js"></script>


var guide = $.guide({
    actions: [
        {
            element: $('#domeStartGuideBtn'),
            content: '<p>Welcome, click on the screen at any position to enter the next step</p>',
            offsetX: -140,
            offsetY: 60
        },
        {
            element: $('#domeUsingPanel'),
            content: '<p>How to using...</p>',
            offsetX: -140,
            offsetY: 0,
            beforeFunc: function(g) {
                $('#domeUsingPanel').fadeIn();
            }
        },
        {
            element: $('#domeGithubBtn'),
            content: '<p>Click here to access the project for Github</p>',
            offsetX: 0,
            offsetY: 50,
            isBeforeFuncExec: true,
            beforeFunc: function(g) {
                $('#domeGithubBtn').slideDown(function() {
                    g.execAction();
                });
            }
        }
    ]});


相关插件-弹出层

jQuery多功能图片弹窗插件pirobox

点击图片列表中的图片会放大,并可以随意切换
  弹出层
 38431  380

flavr―超级漂亮的jQuery扁平弹出对话框

flavr是一个时尚的扁平弹出对话框为您的下一个网站。flavr是响应设计布局,能够适应任何屏幕大小。得到最好的用户体验,使用流行的animate.css动画,最重要的是,flavr可以运行在任何新的浏览器IE8(+),任何设备和屏幕大小。
  弹出层
 145071  1135

jQuery制作侧边悬浮折叠影藏弹窗特效

jQuery制作侧边悬浮折叠影藏弹窗特效
  弹出层
 42059  413

各种弹窗alert

jquery弹窗
  弹出层
 67721  374

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

    暗夜※星辰 0
    2018/3/12 17:42:43
    阿飞 0
    2016/9/5 15:09:16
    挺好的插件
        Stranger0
        2017/10/30 11:31:06

    回复
    ` 0
    2015/12/7 16:12:58
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复