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
Tutorial zur MySQL-Optimierung: Große Paging-Abfrage
Inhaltsverzeichnis Hintergrund LIMIT-Optimierung ...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.13
Installation der Msyql-Datenbank. Zu Ihrer Inform...
Flex-Grow-, Flex-Shrink-, Flex-Basis- und Neun-Raster-Layout verstehen
1. Flex-Grow-, Flex-Shrink- und Flex-Basis-Eigens...
CSS Lieferadresse Parallelogramm Linienstil Beispielcode
Der Code sieht folgendermaßen aus: // Linienstil ...
js, um einen interessanten Countdown-Effekt zu erzielen
js interessanter Countdown-Fall. Zu Ihrer Informa...
Details zur Bündelung statischer Ressourcen ohne JavaScript
Inhaltsverzeichnis 1. Benutzerdefinierter Import ...
Ein Tutorial für Anfänger zur Installation und Anmeldung bei mysql-8.0.19-winx64 (unbedingt für Anfänger lesen)
Inhaltsverzeichnis 1. Laden Sie das Installations...
Beispiel für eine adaptive CSS-Bildschirmgrößenimplementierung
Um eine CSS-Bildschirmgrößenanpassung zu erreiche...
Font Treasure House 50 exquisite kostenlose englische Schriftartenressourcen Teil 1
Designer verfügen über eine eigene Schriftartenbi...
Vue realisiert den Gleitkreuzeffekt des Balles
In diesem Artikelbeispiel wird der spezifische Co...
So verwenden Sie Nginx zur Verwaltung einer domänenübergreifenden Vue-Entwicklungsumgebung
1. Nachfrage Der lokale Testdomänenname ist derse...
Eine kurze Diskussion über die Anpassung mobiler Endgeräte
Vorwort Beim Schreiben von Front-End-Code kommt m...
Wie MLSQL Stack das Stream-Debugging vereinfacht
Vorwort Ein Klassenkamerad untersucht die Streami...
Grundlegendes Lernprogramm zum Tabellen-Tag in HTML
Zusammensetzung der Tabellenbeschriftung Die Tabe...
Detaillierte Erklärung der jQuery-Kettenaufrufe
Inhaltsverzeichnis Kettenanrufe Ein kleiner Koffe...