Wie man einen Flash-Banner-Schieberegler im HTML

June 26

Ein Schieberegler können Sie Daten in mehreren Containern zu präsentieren, ohne dass den Leser auf verschiedene Seiten im Browser zu wechseln. Sie können einen Slider Flash-Banner in HTML mit CSS und Div-Container erstellen. Jeder Container enthält die Daten, die Sie anzeigen möchten und die CSS erstellt das Layout für Ihre Tabs. Sie verwenden diese Technik, wenn Sie mehrere Abschnitte auf Ihrer Seite haben, die Sie anzeigen möchten.

Anweisungen

1 Mit der rechten Maustaste in der HTML-Seite, die Sie verwenden, um den Schieberegler anzeigen möchten. Klicken Sie auf "Öffnen mit" und wählen Sie Ihren bevorzugten HTML-Editor.

2 Erstellen Sie die Div-Tags für den Regler. Div-Tags repräsentieren die Registerkarten, die im Browser des Benutzers angezeigt. Der folgende Code erstellt zwei Schieberegler Div-Tags:

< Div Id = "Schieber" >< h2 > Slider 1 < / h2 >< H2 > Slider 2 < / h2 >< / Div >

3 Das CSS für den Schieberegler Stil eingerichtet. Alle CSS-Code können Sie um die Registerkarte Farbe, Gliederung und Schatten-Effekte zu erstellen. Im folgenden Code wird eine Klasse für den Regler, der Farben des Hintergrund der Registerkarten als gelesen und erstellt eine abgerundete Ecken-Gliederung:

.Active {ein}

padding: 28px 0 20px 0; background: -webkit-gradient(linear, left top, left bottom, from(#db0000), to(#9b0000)); background: -moz-linear-gradient(top center, #db0000, #9b0000);

}

Schieberegler {} width: 555px; background: rgba(250,250,250,0.3); padding: 30px 25px 30px 25px; line-height: 25px; margin-left: 35px;

}

4 Speichern Sie die Änderungen, und öffnen Sie die HTML-Datei in Ihrem Web-Browser auf die Codeänderungen testen und überprüfen Sie den Schieberegler.