jQuery Guide

遮罩层jQuery插件
授权协议 MIT
开发语言 JavaScript
所属分类 jQuery 插件、 jQuery图片展示/幻灯插件
软件类型 开源软件
地区 国产
投 递 者 墨星鹏
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

jQuery-guide是一个用于网站介绍/改版/演示的遮罩层jQuery插件.

示例代码:

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();
                });
            }
        }
    ]
});

演示地址: http://panlatent.github.io/jquery-guide/

使用教程: https://panlatent.com/archives/jquery-guide

  • jQuery框架 一. jQuery框架介绍 1.1 jQuery框架概述 jQuery的概述 jQuery是一个快速、简洁的JavaScript框架。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。JQuery封装了JavaScript常用的功能代码,提供了一套易于使用的API,可以跨多种浏览器工作,使HTML文档的遍历和操作、事件处理、动画设

  • jQuery plugin development guide jQuery widget development guide

  • 文档: https://github.com/jquery/jquery-migrate jquery-migrate/README.md at 1.2.1 · jquery/jquery-migrate · GitHub jQuery Core 1.9 Upgrade Guide | jQuery jQuery Core 3.0 Upgrade Guide | jQuery   1.简介 此插件

  • Use jQuery - The jQuery Cross-Domain Ajax Guide Use jQuery - The jQuery Cross-Domain Ajax Guide The jQuery Cross-Domain Ajax Guide posted on 2012-05-10 11:13  lexus 阅读( ...) 评论( ...) 编辑 收藏 转载于:https:/

  • Posted on April 10, 2020 by Timmy Willison jQuery 3.5.0 has been released! As usual, the release is available on our cdn and the npm package manager. Other third party CDNs will probably have it soon

 相关资料
  • 本文向大家介绍jQuery遮罩层实现方法实例详解(附遮罩层插件),包括了jQuery遮罩层实现方法实例详解(附遮罩层插件)的使用技巧和注意事项,需要的朋友参考一下 本文实例分析了jQuery遮罩层实现方法。分享给大家供大家参考,具体如下: 1 背景半透明遮罩层样式 需要一个黑色(当然也可以其他)背景,且须设置为绝对定位,以下是项目中用到的css样式: 2 jQuery实现遮罩 3 提示框 遮罩的目

  • 介绍 创建一个遮罩层,用于强调特定的页面元素,并阻止用户进行其他操作。 引入 import { createApp } from 'vue'; import { Overlay } from 'vant'; const app = createApp(); app.use(Overlay); 代码演示 基础用法 <van-button type="primary" text="显示遮罩层" @

  • Mask 遮罩层 平台差异说明 App H5 微信小程序 支付宝小程序 百度小程序 头条小程序 QQ小程序 √ √ √ √ √ √ √ 基本使用 通过show参数配置是否显示遮罩 遮罩被点击时,会发送一个click事件,如不需要此事件,请设置mask-click-able参数为false <template> <u-mask :show="show" @click="show = false">

  • 本文向大家介绍Jquery实现遮罩层的方法,包括了Jquery实现遮罩层的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Jquery实现遮罩层的方法。分享给大家供大家参考。具体如下: 1、假设#main为页面body中的最外层Div标签 2、背景被遮罩后,显示的弹出窗(默认是不显示的,所包含的CSS这里就不贴了): 3、在script.js中定义遮罩函数以及弹出窗操作函数,当然scr

  • 本文向大家介绍jquery实现简单的遮罩层,包括了jquery实现简单的遮罩层的使用技巧和注意事项,需要的朋友参考一下 本文实例讲解了jquery遮罩层,包括遮罩层的不同样式实现、mask实现遮罩层等,分享给大家供大家参考,具体内容如下 一、jQuery实现遮罩层的不同样式 1.1 背景半透明遮罩层样式 需要一个黑色(当然也可以其他)背景,且须设置为绝对定位,以下是项目中用到的css样式: 1.2

  • 本文向大家介绍jQuery+html5实现div弹出层并遮罩背景,包括了jQuery+html5实现div弹出层并遮罩背景的使用技巧和注意事项,需要的朋友参考一下 渐入弹窗,背景变色不可点击。查看效果:http://runjs.cn/detail/t08gmoij 以上所述就是本文的全部内容了,希望大家能够喜欢。

  • 定义 用于弹层等需要遮挡底部内容。 图片展示 代码演示 import Mask from 'pile/dist/components/mask' <Mask transparent={true} /> 属性 参数 描述 数据类型 默认值 transparent 是否透明(true:是,false:否) bool false hidden 是否隐藏(true:是,false:否) bool

  • 本文向大家介绍vue 弹出遮罩层样式实例,包括了vue 弹出遮罩层样式实例的使用技巧和注意事项,需要的朋友参考一下 以前做遮罩层都是写最小高度来占满屏,但是总会出现问题,也没改变,今天一个人在交流群上问这个时,看到一个回答解决了我这一个bug,学到了,现在记录一下样式。 <div class='popContainer'></div> 这样遮罩层就会占满屏了 补充知识:vue 锁定蒙版 不让里面页