In diesem Artikel wird die Methode zur Implementierung von JS beschrieben, um die Symbolleiste immer am Ende der Webseite mit einer Schaltfläche Schließung anzuzeigen. Teilen Sie es für Ihre Referenz. Die Details sind wie folgt:
Dies ist ein sehr praktischer Code. Es fügt eine Symbolleiste hinzu, die immer am unteren Rand des Browserfensters angezeigt wird. Sie können Ankündigungen, Kontakte und andere Informationen darauf einstellen. Die Symbolleiste dieses Codes hat auch eine Schließschaltfläche, die jederzeit geschlossen werden kann.
Kopieren Sie den Code wie folgt: <! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<titels> Menü (oben) Fixed </title>
<script type = "text/javaScript" src = "js/jQuery1.3.2.js"> </script>
<Styles>
Body, H1, H2, H3, H4, H5, H6, P, Ul, Li, DL, DT, DD {Padding: 0; Rand: 0;}
li {Listenstil: Keine;} img {Border: Keine;} em {font-style: normal;}
A {Farbe:#555; Textdekoration: Keine; Umriss: Keine; Blr: this.onfocus = this.blur ();}
A: Hover {Farbe:#000; Textdekoration: Unterstreich;}
Körper {Schriftgröße: 12px; Schriftfamilie: Arial, Verdana, Helvetica, sans-serif; Wortbrech: break-All; Word-Wrap: Breakwort;}
.bnav {text-align: links; Höhe: 25px; Überlauf: versteckt; Breite: 98%; Zeilenhöhe: 25px; Hintergrund: #fff; Rand: 0 1%; Grenze:#b4b4b4 1px fest; Border-Bottom: Keine; Z-Index: 999; Position: Fix; unten: 0; links: 0; _position: absolut;/ * für IE6 */ Überlauf: sichtbar;}
.CLOSE {Position: absolut; rechts: 5px; Höhe: 25px; Breite: 16px; Text-Indent: -9999px; Padding-Links: 10px;}
.CLOSE a {Hintergrund: URL (../ Bilder/201008/close.gif) No-Repeat Center; Breite: 16px; Anzeige: Block;}
.bnav2 {Höhe: 24px; Linienhöhe: 24px; Rand: 1PX; Randboot: 0; Hintergrund:#e5e5e5; }
.bnav .s1 {Position: absolut; links: 10px;}
.bnav .s1 img {padding-top: 3px; margin-arry: 7px;}
.bnav .s2 {Position: absolut; rechts: 30px; Farbe:#888;}
.bnav .s2 span {padding-arry: 10px;}
.bnav .s2 a {Margin: 0 6px;}
.rolltext {Position: absolut; links: 160px; Höhe: 25px; Zeilenhöhe: 25px; Überlauf: versteckt;}
.rolltext dt, .rolltext dd {float: links; width: auto;}
.rolltext a {display: block; Höhe: 25px; Überlauf: versteckt;}
.bnav3 {Höhe: 25px; Breite: 16px; Linienhöhe: 25px; Marge: 0 1%; Padding-Right: 6px; Border-Bottom: None; Z-Index: 999; Position: Behoben; unten: 0; rechts: 0; _position: absolut;/ * für IE6 */_ Top: Ausdruck (documentElement.scrolltop + documentElement.clientHeight-this.offsetheighthight); / * für IE6 */ Überlauf: sichtbar;}
.bnav3 a {Hintergrund: URL (../ Images/201008/open.gif) No-Repeat Center; Anzeige: Block; Höhe: 25px; Breite: 16px; textindent: -5000px;}
</style>
</head>
<body>
<script type = "text/javaScript">
var closeBn = $ .cookie ("Bnav");
if (closeBn == "0") {clossenav ();}
Funktion zeigtenAV () {
$ (". openclose"). Toggle ();
$ .cookie ("bnav", "1", {läuft: 1});
}
Funktion clossenav () {
$ (". openclose"). Toggle ();
$ .cookie ("bnav", "0", {läuft: 1});
}
// Single Scrollen
Funktion Singlescroll () {
$ (". Rolltext DD"). Animate ({Margintop: "-25px"}, 500, Funktion () {
$ (this) .css ({margintop: "0px"}). find ("a: first"). appendTo (this);
});
}
$ (Dokument) .Ready (function () {
setInterval ("SinglesCroll ()", 3000);
});
</script>
<div>
<div>
<spann>
<a href = "#"> <img src = "Bilder/201008/qqonline.gif"> </a> <a href = "#"> <img src = "Images/201008/qqonline2.gif"> </a>
</span>
<dl>
<dt> Sonderaussage: </dt>
<dd>
<a href = "#"> Während des Doppelfestivals gibt es im Einkaufszentrum engagierte Personen. Bitte zögern Sie nicht, </a> einzukaufen
<a href = "#"> Die von Tianyue verkauften Mobiltelefone sind lizenzierte Waren aus dem chinesischen Festland und nationale gemeinsame Garantieprodukte </a>
<a href = "#"> Wir haben speziell eine kleine Anzahl von Hongkong- und europäischen Marktmaschinen ausgezeichnet. </a>
<a href = "#"> götter bitte nicht mehr nach ähnlichen Fragen stellen
</dd>
</dl>
<spann>
<span> <a href = "#"> [login] </a> <a href = "#"> [kostenlos registrieren] </a> </span> <a href = "#"> Einkaufswagen </a> | <a href = "#"> Help Center </a> |
</span>
<span> <a href = "JavaScript: void (0)" onclick = "clossenav ()"> close </a> </span>
</div>
</div>
<div style = "display: keine;"> <a href = "javaScript: void (0)" onclick = "teamaV ()"> öffnen </a> </div>
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.