Web Front-end
JS Tutorial
js css realizes the mask layer covering other page elements with pictures_javascript skills
js css realizes the mask layer covering other page elements with pictures_javascript skills
<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>
z-index must be greater than the mask element
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>
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
AI Hentai Generator
Generate AI Hentai for free.
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
CentOS overlay installation and CentOS7 overlay installation
Feb 29, 2024 pm 10:00 PM
Table of Contents Introduction to this article: CentOS overlay installation CentOS7 overlay installation is shared with you. In the CentOS operating system, it is often necessary to perform overlay installation to solve system problems or perform updates. This article will introduce in detail the steps of CentOS overlay installation and CentOS7 overlay installation to help you effectively manage and maintain the system. CentOS overlay installation When the system is already installed, CentOS overlay installation is usually done to fix system problems or perform updates. Before performing this operation, be sure to back up important data to avoid losing it. 1. Download the latest CentOS image file and make a bootable USB flash drive or CD. 2. Insert the boot USB flash drive or CD into the computer, restart the computer and enter the BIOS settings.
Does PHP function support function overloading and function overriding?
Apr 19, 2024 am 10:06 AM
The PHP language does not support function overloading and function coverage because function overloading may cause ambiguity. Alternative: Use namespaces to isolate functions. Set parameter default values. Use variadic function arguments.
Java Error: Method override error, how to fix it
Jun 24, 2023 pm 11:09 PM
Java, as a popular programming language, is often used to develop various types of applications. However, there are many common errors and exceptions that are often encountered in Java, and one of the most common errors is "Method Override Error". This article will describe the causes of this error and provide some workarounds to avoid such errors. Definition of method overriding In Java, method overriding refers to the process of overriding the defined methods of the parent class in a subclass. When child class methods have the same name, parameter list, and return type as the parent class method, we say they have
C++ function overloading and overriding
Apr 12, 2024 pm 12:12 PM
Overloading and overriding are different concepts in C++. Overloading allows the creation of a function with the same name, with a different parameter list, while overriding allows a derived class function to override a base class function with the same name. In overloading, the function name is the same but the parameter list is different. In overriding, the function name and parameter list must be the same and the derived class function must use the override keyword.
BYD Fengbao covers 62 cities across the country, and the number of stores has reached 120
Dec 17, 2023 pm 05:59 PM
According to news on December 17, BYD Fangbao announced that it has added 20 new directly-operated stores across the country from December 1 to 17, covering 7 cities. This expansion brings the total number of BYD Fangbao stores to 62 cities across the country, with a total of 120 stores. According to the editor's understanding, the first model launched by BYD Fangbao, namely Leopard 5, started delivery to the first batch of car owners across the country on November 23. The specific delivery process is as follows according to different models: Starting from December 1, 2023, we will gradually start delivering the Discovery Edition and Storm Mi interior models. Starting from December 7, 2023, the 20-inch wheel version and Snowy White Appearance versions of the models will be delivered one after another starting from December 15, 2023. It is planned to deliver the mountain green appearance one after another.
In Java, can we override start() method?
Aug 20, 2023 pm 06:17 PM
Yes, we can override the start() method of Thread class in Java. We must call the super.start() method to create a new thread, and we need to call the run() method in the newly created thread. If we call the run() method directly from the start() method, it will be executed as a normal method in the actual thread and not in a new thread. Example publicclassThreadTest{ publicstaticvoidmain(String[]args){ &
Is parent-child hierarchy important for throwing exceptions when overriding in Java?
Aug 19, 2023 pm 01:49 PM
When you try to handle a (checked) exception thrown by a specific method, you need to catch it using the Exception class or the superclass where the exception occurred. Likewise, while overriding a method of a super class, if it throws an exception − the method in the subclass should throw the same exception or its subtype. Methods in subclasses should not throw out of their supertype. You can override this without throwing any exception. When you have three classes (hierarchy) named Demo, SuperTest and Super that inherit, if Demo and SuperTest have a method named sample(). Example Real-time demonstration classDemo{ &a
Can we override a protected method in Java?
Aug 28, 2023 pm 03:25 PM
Yes, protected methods of a super class can be overridden by subclasses. If the superclass method is protected, the subclass overridden method can have protected or public (but not default or private)) This means that the subclass overridden method cannot have weaker access specifiers. Example classA{ protected voidprotectedMethod(){ System.out.println("superclassprotectedmethod"); &
