Gewusst wie: ändern Sie ein Bild auf einer Maus über im HTML-Format

Gewusst wie: ändern Sie ein Bild auf einer Maus über im HTML-Format

Website-buttons mit den Bildern, die ändern bei mouseover bieten Sie Ihren Besuchern eine mehr dynamische Erfahrung. Sie senden auch eine subtile Anweisung klicken Sie auf die Schaltfläche. Wählen Sie Ihren normal-Zustand-Taste und die, die angezeigt wird, wenn ein Benutzer den Mauszeiger über die Schaltfläche. HTML und JavaScript verwenden, um dies zu erreichen sinnvolle Ergänzung zu Ihrer Web-Seite.

• Öffnen Sie einen text-oder HTML-editor und legen Sie die folgenden: var roArray=new Array () - Funktion setrollover(OverImg,docImgName) { if (! Dokument.images)return if (docImgName == null) docImgName = document.images[document.Bilder.Länge-1].name roArray[docImgName]=new Object roArray[docImgName].overImage = new Image roArray[docImgName].overImage.src=OverImg } function rollover(docImgName) { if (! Dokument.images)return if (! roArray[docImgName])return if (! roArray[docImgName].outImage) { roArray[docImgName].outImage = new Image roArray[docImgName].outImage.src = document.Bilder[docImgName].src } document.Bilder[docImgName].src=roArray[docImgName].overImage.src } function rollout(docImgName) { if (! Dokument.images)return if (! roArray[docImgName])return document.Bilder[docImgName].src=roArray[docImgName].outImage.src } //>
• Lokalisieren Sie den Bereich für die Taste und legen Sie die folgenden: HREF='mydoc.html' onMouseOver = 'rollover('myimage')' onMouseOut = 'rollout('myimage')' > setrollover('overbutton.jpg', 'myimage') //> Ersetzen 'mydoc.html' mit Ihren Dateinamen. Ersetzen 'mainbutton.jpg' und 'overbutton.jpg' mit dem Bild-Namen Ihrer Haupt-und mouseover-buttons bzw..
• Speichern Sie Ihre Datei. Sicher das es Bilder gibt die im gleichen Verzeichnis wie Ihre HTML-Dokument oder auf dem Weg in Ihre 'SRC' und 'setrollover' Attribute. Test durch Doppelklick auf die Datei auf Ihrem system.