js遮罩效果详解

14,322次阅读
没有评论

共计 2276 个字符,预计需要花费 6 分钟才能阅读完成。

对于新手来说,看起来一头雾水!进入页面弹出一个对话框,只能操作当前区域的内容。

 

在这里面有几个主要的知识,只要掌握这几个就可以轻松的明白原理,可以做出各种各样的效果了。

首页是 DOM 这个对于说 javascript 来说是必须掌握的知识,也就是说 js 只能通过 DOM 对象也可以控制 HTML 里的内容,主要有添加节点; 删除节点,创建节点,改变节点的属性等。

遮罩效果主要用到的还是这几个(添加节点; 删除节点,创建节点,改变节点的属性)

下面放出源码来看看


mask





 点击弹出遮罩层 
 爱睿女人湾 

上面的源码注释的很清楚,希望学习者可以仔细的去观看每一行代码,都有说明。

DEMO:http://suiyidian.cn/texiao/ss.html

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-09-12发表,共计2276字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)