备案控制台
探索云世界
开发者社区 开发与运维 文章 正文

Chardin.js – 很别致的 HTML 元素遮罩介绍效果

2013-04-10 1028
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 　　有的时候，我们想要在页面上向用户展示某个元素的细节或者引导用户进行操作。Chardin.js 就是这样一款 jQuery 插件，可以帮助我们实现别致的遮罩介绍效果。它使用给定的元素的自定义数据属性“中的信息，一旦触发便会激活用于指引和介绍的遮罩效果。

　　有的时候，我们想要在页面上向用户展示某个元素的细节或者引导用户进行操作。Chardin.js 就是这样一款 jQuery 插件，可以帮助我们实现别致的遮罩介绍效果。它使用给定的元素的自定义数据属性“中的信息，一旦触发便会激活用于指引和介绍的遮罩效果。

您可能感兴趣的相关文章

 

 

效果演示      插件下载

 

本文链接：Chardin.js – 能够为任何元素添加遮罩效果介绍

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

作者：山边小溪
主站：yyyweb.com 记住啦：）
欢迎任何形式的转载，但请务必注明出处。

文章标签：
前端开发
JavaScript
数据可视化
关键词：
JavaScript HTML
HTML元素
JavaScript元素
JavaScript遮罩
秋天风景
目录
相关文章
穆雄雄.
|
1月前
|
JavaScript 前端开发
JavaScript操作DOM元素
JavaScript操作DOM元素
穆雄雄.
12 1
yma16
|
18小时前
|
JavaScript 前端开发 BI
原生html—摆脱ps、excel 在线绘制财务表格加水印（html绘制表格js加水印）
原生html—摆脱ps、excel 在线绘制财务表格加水印（html绘制表格js加水印）
yma16
6 1
恰小面包
|
9天前
|
JavaScript 前端开发
js怎么删除html元素
js怎么删除html元素
恰小面包
23 10
恰小面包
|
9天前
|
JavaScript 前端开发
js添加、删除、替换或插入元素。
js添加、删除、替换或插入元素。
恰小面包
8 0
程序三两行
|
17天前
|
JSON JavaScript 前端开发
js是什么、html、css
js是什么、html、css
程序三两行
15 0
小吴吴吴呀
|
18天前
|
JavaScript
Vue移动 HTML 元素到指定位置 teleport 标签
Vue移动 HTML 元素到指定位置 teleport 标签
小吴吴吴呀
12 0
穆雄雄.
|
1月前
HTML列表、表格和媒体元素
HTML列表、表格和媒体元素
穆雄雄.
11 0
穆雄雄.
|
1月前
|
安全 数据安全/隐私保护
HTML表单元素
HTML表单元素
穆雄雄.
8 0
穆雄雄.
|
1月前
|
JavaScript 计算机视觉
纯js实现人脸识别眨眨眼张张嘴案例——index.html
纯js实现人脸识别眨眨眼张张嘴案例——index.html
穆雄雄.
17 0
米果粒
|
1月前
HTML <link> 元素
HTML <link> 元素。
米果粒
16 5

热门文章

最新文章

  • 1
    组态软件之万维组态介绍（web组态、html组态、vue2/vue3组态）
  • 2
    HTML深度解析：更改文本颜色
  • 3
    uni-app使用v-html输出富文本图片溢出解决
  • 4
    基于SpringBoot+HTML实现登录注册功能模块
  • 5
    有关Java发送邮件信息（支持附件、html文件模板发送）
  • 6
    黑色个人主页HTML源码
  • 7
    《HTML 简易速速上手小册》第4章：HTML 的表单与输入（2024 最新版）
  • 8
    《HTML 简易速速上手小册》第5章：HTML 高级布局技巧（2024 最新版）
  • 9
    如何使用HTML5的语义化标签来提高网站的可访问性？
  • 10
    html的常用标签
  • 1
    监控内网电脑软件设计与实现：基于Node.js的服务器端架构分析
    102
  • 2
    Java Script 中的垃圾回收机制有哪些缺点
    13
  • 3
    描述 JavaScript 中的垃圾回收机制。
    18
  • 4
    如何使用 JavaScript 操作 DOM？
    13
  • 5
    解释 JavaScript 中的`map()`、`filter()`和`reduce()`方法的用途。
    19
  • 6
    JavaScript 中的数组方法有哪些？
    10
  • 7
    JS设置日期为0时0分0秒
    27
  • 8
    JavaScript随手笔记 --- 对数据进行判断最大位数是否超过八位
    24
  • 9
    JavaScript随手笔记 --- 用正则表达式匹配字符串是否为运算公式
    21
  • 10
    深入理解JavaScript中的闭包与作用域链
    9

    • 相关课程

    更多
  • HTML 入门与实战
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程
  • HTML基础入门学习
  • HTML5 新特性教程
  • 零基础学前端HTML+CSS

    • 相关电子书

    更多
  • JavaScript异步编程
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例

    • 相关实验场景

    更多
  • HTML及前端框架
  • Html5和Webpack1：Webpack5打包工具介绍
    • 下一篇
    部署LAMP环境（Alibaba Cloud Linux 3）