Topic: WEB DESIGN - on August 12, 2002 at 12:37:57 AM CEST
Buttons mit Lauftext
Die Arbeitsteilung ist bekannt: Formulare sollen gelesen und Buttons angeklickt werden. Doch damit diese mehr auffallen, lässt sich der Beschreibungstext darauf per JavaScript animieren. So wird der Button nicht mehr übersehen und dem Formular wird eine höhere Aufmerksamkeit zuteil.
Beispielfenster öffnen
Im ersten Beispiel bewegt sich der Button-Text munter von rechts nach links. Wichtig ist dabei, dass Sie mit dem Style Sheet Attribut style="width: 150px" die Breite auf 150 Pixel einstellen, sonst wird der Button in derselben Breite wie der gesamte Lauftext dargestellt. Für diese Funktion benötigen Sie folgendes Script:
var scrollText = " Hallo - Bitte klicken! ";
function scrollen() {
document.scroller.button1.value = scrollText;
scrollText = scrollText.substring(1) +
scrollText.substring(0,1);
setTimeout('scrollen()',150);
}
In der Variable scrollText wird der Button-Text definiert.
Take me 2 the story
... Comment
