Maison > interface Web > js tutoriel > JS实现遮罩层效果的简单实例_javascript技巧

JS实现遮罩层效果的简单实例_javascript技巧

WBOY
Libérer: 2016-05-16 17:15:47
original
1088 Les gens l'ont consulté

复制代码 代码如下:

function show(){

    var cover = document.getElementById("cover");

    cover.style.width = document.documentElement.scrollWidth+"px";

    cover.style.height = document.documentElement.scrollHeight+"px";

    cover.style.display = "block";

}

#cover{

    background:gray;

    position:absolute;

    left:0px;

    top:0px;

    display:none;

    z-index:20;

    filter:alpha(opacity=60);

    opacity:0.6 !important;

    }

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal