Heim Web-Frontend js-Tutorial js css implementiert eine Maskenebene, die andere Seitenelemente mit picture_javascript-Fähigkeiten abdeckt

js css implementiert eine Maskenebene, die andere Seitenelemente mit picture_javascript-Fähigkeiten abdeckt

May 16, 2016 pm 04:35 PM
覆盖 Maskenebene

<div style=" position: fixed; width: 100%; height: 100%; 
left: 0px; top: 0px; background-color: Black; z-index: 9999; filter: alpha(opacity=70); Opacity:0.7;"></div>
Nach dem Login kopieren

Z-Index muss größer als das Maskenelement sein

Demo

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>无标题文档</title> 

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 
<script type="text/javascript" src="jquery-1.7.2.min.js"></script> 
<style type="text/css"> 
ul, ul ul { 
list-style-type:none; 
margin: 0; 
padding: 0; 
width: 15em; 
} 

ul a { 
display: block; 
text-decoration: none; 
} 

ul li { 
margin-top: 1px; 
} 

ul li a { 
background: #333; 
color: #fff; 
padding: 0.5em; 
} 

ul li a:hover { 
background: #000; 
} 

ul li ul li a { 
background: #ccc; 
color: #000; 
padding-left: 20px; 
} 

ul li ul li a:hover,ul li ul .current a { 
background: #aaa; 
border-left: 5px #000 solid; 
padding-left: 15px; 
} 

</style> 
</head> 

<body> 
<div id="bb" style="background-color: red;display:none;z-index: 99999; max-height:79.3%; position: fixed; filter: alpha(opacity=70); Opacity:0.7; top: 10px; left:5px;"> 
<ul> 
<li> 
<a href="">老大</a> 
<ul> 
<li> 
<a href="javascript:alert('you can do you want');">老大大</a> 
<li> 
<li> 
<a href="javascript:alert('you can do you want');">老大二</a> 
<li> 
<li> 
<a href="javascript:alert('you can do you want');">老大三</a> 
<li> 
<li> 
<a href="javascript:alert('you can do you want');">老大四</a> 
<li> 
</ul> 
<li> 
<li> 
<a href="javascript:alert('you can do you want');">老二</a> 
<li> 
<li> 
<a href="javascript:alert('you can do you want');">老三</a> 
<li> 
<li> 
<a href="">老四</a> 
<ul > 
<li><a href="javascript:alert('you can do you want');">老一</a><li> 
</ul> 
<li> 
</ul> 
</div> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 

<br> 
<br><br><br> 
<br> 
<br> 
<button id="aa">哈哈</button> 
<div id="zz" style="display:none;position: fixed; width: 100%; height: 100%; 
left: 0px; top: 0px; background-color: Black; z-index: 1999; filter: alpha(opacity=70); Opacity:0.7;"></div> 
</body> 
<script type="text/javascript"> 
$(function(){ 
$("#aa").click(function(){ 
$("#zz").show(); 
$("#bb").show(); 
$("#bb").animate({left:'100px'}); 
$("#bb").animate({left:'0px'}); 
}); 
$("#zz").click(function(){ 
$("#bb").animate({left:'-240px'}); 
$("#zz").hide(); 
}); 
$('#bb ul li ul').hide(); 
$("#bb ul li a").click(function(){ 
var a= $(this); 
var nextobj=a.next(); 
if(nextobj.is("ul")){ 
$('#bb ul li ul:visible').slideUp('normal'); 
if(!nextobj.is(':visible')){ 
nextobj.slideDown('normal'); 
} 
return false; 
} 
}); 
}); 
</script> 
</html>
Nach dem Login kopieren

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

CentOS-Overlay-Installation und CentOS7-Overlay-Installation CentOS-Overlay-Installation und CentOS7-Overlay-Installation Feb 29, 2024 pm 10:00 PM

Inhaltsverzeichnis Einführung in diesen Artikel: CentOS-Overlay-Installation Die CentOS7-Overlay-Installation wird mit Ihnen geteilt. Im CentOS-Betriebssystem ist es häufig erforderlich, eine Overlay-Installation durchzuführen, um Systemprobleme zu lösen oder Updates durchzuführen. In diesem Artikel werden die Schritte der CentOS-Overlay-Installation und der CentOS7-Overlay-Installation ausführlich vorgestellt, um Ihnen bei der effektiven Verwaltung und Wartung des Systems zu helfen. CentOS-Overlay-Installation Wenn das System bereits installiert ist, wird die CentOS-Overlay-Installation normalerweise durchgeführt, um Systemprobleme zu beheben oder Updates durchzuführen. Bevor Sie diesen Vorgang durchführen, sichern Sie unbedingt wichtige Daten, um deren Verlust zu vermeiden. 1. Laden Sie die neueste CentOS-Image-Datei herunter und erstellen Sie ein bootfähiges USB-Flash-Laufwerk oder eine bootfähige CD. 2. Stecken Sie den Boot-USB-Stick oder die Boot-CD in den Computer, starten Sie den Computer neu und geben Sie die BIOS-Einstellungen ein.

Unterstützt die PHP-Funktion das Überladen und Überschreiben von Funktionen? Unterstützt die PHP-Funktion das Überladen und Überschreiben von Funktionen? Apr 19, 2024 am 10:06 AM

Die PHP-Sprache unterstützt keine Funktionsüberladung und Funktionsabdeckung, da eine Funktionsüberladung zu Mehrdeutigkeiten führen kann. Alternative: Verwenden Sie Namespaces, um Funktionen zu isolieren. Legen Sie die Standardwerte der Parameter fest. Verwenden Sie variadische Funktionsargumente.

Java-Fehler: Methodenüberschreibungsfehler, wie man ihn behebt Java-Fehler: Methodenüberschreibungsfehler, wie man ihn behebt Jun 24, 2023 pm 11:09 PM

Als beliebte Programmiersprache wird Java häufig zur Entwicklung verschiedener Arten von Anwendungen verwendet. Es gibt jedoch viele häufige Fehler und Ausnahmen, die in Java häufig auftreten, und einer der häufigsten Fehler ist „Method Override Error“. In diesem Artikel werden die Ursachen dieses Fehlers beschrieben und einige Problemumgehungen bereitgestellt, um solche Fehler zu vermeiden. Definition des Überschreibens von Methoden In Java bezieht sich das Überschreiben von Methoden auf den Prozess des Überschreibens der definierten Methoden der übergeordneten Klasse in einer Unterklasse. Wenn Methoden der untergeordneten Klasse denselben Namen, dieselbe Parameterliste und denselben Rückgabetyp wie die Methode der übergeordneten Klasse haben, sagen wir, dass dies der Fall ist

Überladen und Überschreiben von C++-Funktionen Überladen und Überschreiben von C++-Funktionen Apr 12, 2024 pm 12:12 PM

Überladen und Überschreiben sind in C++ unterschiedliche Konzepte. Durch Überladen kann eine Funktion mit demselben Namen und einer anderen Parameterliste erstellt werden, während durch Überschreiben eine abgeleitete Klassenfunktion eine Basisklassenfunktion mit demselben Namen überschreiben kann. Beim Überladen ist der Funktionsname derselbe, aber die Parameterliste ist unterschiedlich. Beim Überschreiben müssen der Funktionsname und die Parameterliste gleich sein und die abgeleitete Klassenfunktion muss das Schlüsselwort override verwenden.

BYD Fengbao ist in 62 Städten im ganzen Land vertreten und die Zahl der Geschäfte hat 120 erreicht BYD Fengbao ist in 62 Städten im ganzen Land vertreten und die Zahl der Geschäfte hat 120 erreicht Dec 17, 2023 pm 05:59 PM

Laut Nachrichten vom 17. Dezember gab BYD Fangbao bekannt, dass es vom 1. bis 17. Dezember landesweit 20 neue direkt betriebene Geschäfte in sieben Städten eröffnet hat. Durch diese Erweiterung erhöht sich die Gesamtzahl der BYD Fangbao-Filialen auf 62 Städte im ganzen Land mit insgesamt 120 Filialen. Nach Angaben des Herausgebers begann die Auslieferung des ersten von BYD Fangbao eingeführten Modells, nämlich des Leopard 5, am 23. November an die ersten Autobesitzer im ganzen Land. Der konkrete Lieferprozess ist je nach Modell wie folgt: Ab dem 1. Dezember 2023 werden wir sukzessive mit der Auslieferung der Innenausstattungsmodelle Discovery Edition und Storm Mi beginnen. Ab dem 7. Dezember 2023 die 20-Zoll-Radversion und Snowy White Appearance Die Auslieferung der Versionen der Modelle erfolgt nacheinander ab dem 15. Dezember 2023. Es ist geplant, die berggrüne Optik nacheinander auszuliefern.

Können wir in Java die start()-Methode überschreiben? Können wir in Java die start()-Methode überschreiben? Aug 20, 2023 pm 06:17 PM

Ja, wir können die start()-Methode der Thread-Klasse in Java überschreiben. Wir müssen die Methode super.start() aufrufen, um einen neuen Thread zu erstellen, und wir müssen die Methode run() im neu erstellten Thread aufrufen. Wenn wir die run()-Methode direkt von der start()-Methode aus aufrufen, wird sie als normale Methode im eigentlichen Thread und nicht in einem neuen Thread ausgeführt. Beispiel publicclassThreadTest{ publicstaticvoidmain(String[]args){ &

Ist die Eltern-Kind-Hierarchie wichtig für das Auslösen von Ausnahmen beim Überschreiben in Java? Ist die Eltern-Kind-Hierarchie wichtig für das Auslösen von Ausnahmen beim Überschreiben in Java? Aug 19, 2023 pm 01:49 PM

Wenn Sie versuchen, eine (überprüfte) Ausnahme zu behandeln, die von einer bestimmten Methode ausgelöst wird, müssen Sie sie mithilfe der Exception-Klasse oder der Superklasse abfangen, in der die Ausnahme aufgetreten ist. Ebenso sollte beim Überschreiben einer Methode einer Superklasse, wenn diese eine Ausnahme auslöst, die Methode in der Unterklasse dieselbe Ausnahme oder ihren Untertyp auslösen. Methoden in Unterklassen sollten ihren Supertyp nicht verlassen. Sie können dies überschreiben, ohne eine Ausnahme auszulösen. Wenn Sie drei Klassen (Hierarchie) mit den Namen Demo, SuperTest und Super haben, die erben, wenn Demo und SuperTest eine Methode namens sample() haben. Beispiel Echtzeit-Demonstration classDemo{ &a

Können wir eine geschützte Methode in Java überschreiben? Können wir eine geschützte Methode in Java überschreiben? Aug 28, 2023 pm 03:25 PM

Ja, geschützte Methoden einer Superklasse können von Unterklassen überschrieben werden. Wenn die Methode der Oberklasse geschützt ist, kann die überschriebene Methode der Unterklasse geschützt oder öffentlich (aber nicht standardmäßig oder privat) sein. Dies bedeutet, dass die überschriebene Methode der Unterklasse keine schwächeren Zugriffsspezifizierer haben kann. Beispiel classA{ protected voidprotectedMethod(){ System.out.println("superclassprotectedmethod");

See all articles