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
Über die Überlappung von Randwert und vertikalem Rand in CSS
Rand paralleler Boxen (Überlappung doppelter Ränd...
So stellen Sie verschiedene Mausformen dar
<a href = "http: //" style = "c...
Die vollständige Liste der MIME-Typen
Was ist ein MIME-TYP? 1. Zunächst müssen wir vers...
Vue + node realisiert Audioaufzeichnungs- und -wiedergabefunktion
Ergebnis: Der Hauptteil besteht darin, die Codelo...
Detaillierte Erklärung des Initialisierungsmechanismus in Bash
Bash-Initialisierungsdateien Interaktive Login-Sh...
vue + springboot realisiert die Login-Funktion
In diesem Artikelbeispiel wird der spezifische Co...
Eine vollständige Liste häufig verwendeter MySQL-Funktionen (klassifiziert und zusammengefasst)
1. Mathematische Funktionen ABS(x) gibt den Absol...
Detaillierte Schritte zum Erstellen eines NFS-Dateifreigabeservers unter Linux
Linux erstellt NFS-Server Um den Datenaustausch z...
Beheben Sie das Kompatibilitätsproblem zwischen dem MySQL 8.0-Treiber und der Alibaba Druid-Version
Dieser Artikel stellt hauptsächlich die Lösung fü...
Detaillierte Beschreibung der chinesischen ffmpeg-Parameter
Details zu den Parametern der Version FFMPEG 3.4....
Eine kurze Erläuterung zu „Group By“ in MySQL
Inhaltsverzeichnis 1. Einleitung 2. Bereiten Sie ...
So installieren Sie Mysql5.7 in Centos6
Umfeld Centos 6.6 MySQL 5.7 Installieren Falls da...
Analyse der Verwendung des MySQL-Datenbankbefehls „show processlist“
Wenn bei der tatsächlichen Projektentwicklung die...
Rufen Sie die Schriftart entsprechend dem Schriftnamen auf, damit der Browser die gewünschte Schriftart anzeigt
Frage 1: Wie weisen Sie den Browser an, die gewüns...
Detailliertes Tutorial zur Nginx-Installation
1. Kurze Einführung in Nginx Nginx ist ein kosten...