In diesem Artikel wird die Methode von JS beschrieben, um die Expansion und Kontraktion der Div -Schicht in der unteren rechten Ecke zu implementieren. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Die Codekopie lautet wie folgt:
<! DocType html public "-// w3c // dtd html 4.0 transitional // en">
<html>
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = utf-8" />
<titels> js implementiert eine Div -Schicht, die in der unteren rechten Ecke erweitert und zusammengearbeitet werden kann. </title>
<style type = "text/css">
<!-
*{Margin: 0; Polster: 0;}
Körper {Text-Align: Mitte;}
#Main {Border: rot 1px fest; Breite: 1000px; Höhe: 1600px; Rand: 0 Auto;}
#Main #Scroll {Breite: 250px; Höhe: 150px; Rand: grün 1px fest; text-align: links; Position: absolut; Sichtbarkeit: versteckt;}
#Main #Scroll #Open {float: links; text-align: center; width: 180px;}
#Main #Scroll #CLOSE {float: rechts;}
//->
</style>
</head>
<body>
<div id = "main">
Implementieren Sie nur den Kernteil, wie für die Verbesserung des Inhalts selbst oder die weiterhin verschönernde, es sollte gut sein!
<div id="scroll"><div id="open" onmouseover="openbox()"><a href="/" onclick="openbox()">Welcome</a><div id="close"><marquee align="left" onmouseover="stop()" onmouseout="start()">Welcome valuable suggestions! </marquee> </div> </div>
<div id = "close"> <a href = "#" onclick = "closeBox ()"> close </a>
<script type = "text/javaScript">
<!-
var scroll = document.getElementById ("Scroll")
var main = document.getElementById ("Main")
var open = document.getElementById ("Open")
var close = document.getElementById ("Close")
scroll.style.visibility = "sichtbar"
Funktion Runright ()
{
/*Hier ist -4 hauptsächlich für eine bessere Anzeige, weil ich den Rand eingestellt habe*/
scroll.style.top = document.body.scrolltop+document.body.clientHeight-croll.clientHeight-4+"px"
scroll.style.left = document.body.scrollleft+document.body.clientwidth-scroll.clientwidth-4+"px"
/*Führen Sie diese Funktion hin und wieder aus*/
setTimeout ("runright ()", 30)
}
/*Schließen: Stellen Sie die Höhe ein, um zu reduzieren*/
Funktion closeBox ()
{
scroll.style.height = scroll.offseteight-4+"px"
if (scroll.offseteight> 20)
{
setTimeout ("closeBox ()", 5)
}
anders
{
Close.style.visibility = "Hidden"
}
}
Funktion openbox ()
{
if (scroll.offseteight <148)
{
Close.style.visibility = "sichtbar"
scroll.style.height = scroll.offseteight+2+"px"
setTimeout ("openbox ()", 5)
}
}
Runright ();
//->
</script>
</div>
</div>
</div>
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.