JavaScript implementiert einfaches Scrollfenster
|
In diesem Artikelbeispiel wird der spezifische JavaScript-Code zur Implementierung des Scroll-Fensters zu Ihrer Information geteilt. Der spezifische Inhalt ist wie folgt 1. Implementierungseffektdiagramm
2. Beteiligte WissenspunkteDie Methode window.open() wird verwendet, um ein neues Browserfenster zu öffnen oder ein benanntes Fenster zu suchen. moveTo(): Die Methode kann die obere linke Ecke des Fensters an eine angegebene Koordinate verschieben. window.screen.height: Bildschirmpixelhöhe window.screen.width: die Breite des Bildschirms in Pixeln window.screenLeft; Der Abstand von der linken Seite des Bildschirms window.screenTop; der Abstand vom oberen Rand zum Bildschirm setTimeout: Die Methode wird verwendet, um nach einer angegebenen Anzahl von Millisekunden eine Funktion aufzurufen oder einen Ausdruck zu berechnen, setTimeout(Funktion, Millisekunden). 3. Code-Implementierung
<!DOCTYPE html>
<html lang="utf-8">
<Kopf>
<meta charset="UTF-8">
<title>Scrollfenster</title>
<Skript>
var w;//Seitenbreite var h;//Seitenhöhe var x;//horizontaler Abstand vom Bildschirm var y;//vertikaler Abstand vom Bildschirm var v = 5;//horizontale Position jeder Bewegung var s = 8;//vertikale Position jeder Bewegung Funktion windowOpen(){
meinFenster = Fenster.öffnen('','','Breite=200px,Höhe=100px');
mywindow.document.write("Dies ist ein geöffnetes Fenster");
w =Fenster.Bildschirm.Breite;
h=Fenster.Bildschirm.Höhe;
x=Fenster.BildschirmLinks;
y=Fenster.Bildschirm oben;
Fenster verschieben();
}
Funktion windowmove(){
wenn(x<0||x>w){
= -s;
}
x = x + s;
wenn(y<0||y>h){
v=-v;
}
y = y + v;
meinFenster.VerschiebeNach(x,y);
setTimeout(Fensterbewegung,10);
}
</Skript>
</Kopf>
<Text>
<input type="submit" value="Fenster öffnen" id="windowOpen" onclick="windowOpen()">
</body>
</html>Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. Das könnte Sie auch interessieren:
|
<<: Praktische Methode zum Upgrade von PHP auf 5.6 unter Linux
>>: Erläuterung des Problems bei der Auswahl des MySQL-Speicherzeittyps
Artikel empfehlen
Lernen Sie die Prinzipien und allgemeinen Operationen von MySQL-Partitionstabellen anhand von Beispielen kennen
1. Bedeutung der Partitionstabelle Eine Partition...
Implementierung des Pushens von Docker-Images zum Docker Hub
Nachdem das Image erfolgreich erstellt wurde, kan...
Lösung für das Problem der ungültigen Zeilenhöheneinstellung in CSS
Über die ungültige Zeilenhöheneinstellung in CSS ...
Vue3 Vue CLI-Konfiguration für mehrere Umgebungen
Inhaltsverzeichnis 1. Einleitung 2. Umschalten 1....
So verhindern Sie die Weiterleitung von Hyperlinks mithilfe von JavaScript (mehrere Schreibweisen)
Durch JavaScript können wir das Springen von Hype...
Implementieren Sie ein einfaches Datenantwortsystem
Inhaltsverzeichnis 1. Dep 2. Verstehen Sie den Be...
So konfigurieren Sie nginx+php+mysql in Docker
Verstehen Sie zunächst eine Methode: Aufrufen ein...
So erhöhen Sie die Ladegeschwindigkeit von HTML-Seiten
(1) Reduzieren Sie HTTP-Anfragen. (Ressourcendate...
MySQL-Anmelde- und Beendigungsbefehlsformat
Das Befehlsformat für die MySQL-Anmeldung ist: my...
Beispielcode zur einfachen Implementierung des Seitenlayouts mit Flex-Layout
Kommen wir ohne weitere Umschweife direkt zum Cod...
HTML+CSS zum Erstellen eines Dropdown-Menüs
1. Beispiel einer Dropdown-Liste Der Code lautet ...
Über das Problem der Offline-Installation des Docker-Pakets unter CentOS 8.4
Die verwendete virtuelle Maschine ist CentOS 8.4,...
Detaillierte Erläuterung zur Verwendung der WeChat-Miniprogrammkarte
In diesem Artikelbeispiel wird der spezifische Im...
Beispielanalyse der Verwendung von GROUP_CONCAT in MySQL
Dieser Artikel beschreibt anhand eines Beispiels ...
VMware vSAN - Zusammenfassung der ersten Schritte
1. Hintergrund 1. Stellen Sie kurz den Shared Sto...