Hiiren osoitin - Mouseover

In computing , joka on mouseover , hiiren leijua tai häilyä laatikko on graafinen ohjauselementti , joka aktivoituu, kun käyttäjä liikkuu tai leijuu osoitin yli liipaisimen alue, jolla on yleensä hiiren , mutta myös mahdollista, jos digitaalinen kynä . Hiiren osoittimen hallintaelementit ovat yleisiä verkkoselaimissa . Esimerkiksi, leijuu hyperlinkin laukaisee mouseover ohjauselementti näyttää URL on tilarivillä . Sivustosuunnittelijat voivat määrittää omat hiiren osoittavat tapahtumat JavaScriptin tai CSS-tyylitaulukoiden avulla .

Mouseover tapahtumia käytetään usein web-suunnitteluun ja graafinen käyttöliittymä ohjelmointia.

Se tunnetaan myös nimellä rollover, joka viittaa web-kehittäjän tai verkkosuunnittelijan luomaan painikkeeseen, joka löytyy verkkosivulta ja jota käytetään tarjoamaan vuorovaikutteisuutta käyttäjän ja itse sivun välillä. Termi rollover on tältä osin peräisin visuaalisesta prosessista "hiiren osoittimen siirtäminen painikkeen päälle", joka saa painikkeen reagoimaan (yleensä visuaalisesti korvaamalla painikkeen lähdekuvan toisella kuvalla), mikä toisinaan johtaa muutokseen verkossa itse sivu. Termin "rulla" osa viittaa todennäköisesti vanhempiin hiiriin, joilla oli mekaaninen kokoonpano, joka koostui kovasta kumipallosta, joka oli sijoitettu hiiren pohjaan (joka pyörii) toisin kuin moderni optinen hiiri, jossa ei ole liikkuvia osia.

Siirrot voidaan tehdä kuvilla, tekstillä tai painikkeilla. Käyttäjä tarvitsee vain kaksi kuvaa / painiketta (joihin on mahdollista lisätä "alt" -teksti näihin kuviin) tämän interaktiivisen toiminnon suorittamiseksi. Uuden kuvan voi tehdä joko ohjelmalla, jossa on sisäänrakennettu työkalu, tai komentosarjakoodauksella. Käyttäjän on valittava ensimmäinen kuva ja vaihtoehtoinen toissijainen kuva. Hiiren toiminto on asetettava joko "napsauttamaan" tai "hiiren päällä", jotta siirtyminen käynnistetään. Kun hiiren osoitin siirtyy kuvan kohdalle, vaihtoehtoinen kuva / toissijainen kuva tulee näkyviin, mutta ei pysy - kun käyttäjä "hiirentää" siirtämällä hiirtä poispäin kuvasta, alkuperäinen lähdekuva tulee uudelleen näkyviin.

Työkaluvinkki

Hiiren ylitapahtuman erityinen käyttö on työkaluvihje, joka näyttää lyhyen kuvauksen osoittimen alla olevasta objektista. Työkaluvihje tulee näkyviin vasta, kun hiirtä tai kynää pidetään kohteen päällä tietyn ajan.

Kuvissa nämä voidaan tuottaa käyttämällä HTML- title määritettä.

Esimerkkejä

<!-- Direct usage is not recommended. It does not conform with web standards. -->
<img id="myImage" src="/images/myImage.jpg" onMouseOver="alert('your message');">

// JavaScript code without any framework
<ref>var myImg = document.getElementById('myImage');</ref>
function myMessage() {
    alert('your message');
}

if (myImg.addEventListener) { //addEventListener is the standard method to add events to objects.
    myImg.addEventListener('mouseover', myMessage, false);
}

else if (myImg.attachEvent) { //For Internet Explorer
    myImg.attachEvent('onmouseover', myMessage);
}

else { //For other browsers
    myImg.onmouseover = myMessage;
}

// jQuery example. It degrades well if JavaScript is disabled in the client browser.
$("img").mouseover(function(){
   alert('your message');
});

Viitteet

Ulkoiset linkit

• Piilotettu CSS-valikko Monitasoinen hiiren valikko puhtaassa CSS: ssä (ts. Ei JavaScriptiä)
• DontClick.it navigoinnin esittely pelkästään hiiren osoittimen avulla (vaatii Flash Playerin)