Přejet myší - Mouseover

Při výpočtu , se mouseover , vznášet se myš nebo visení schránka je grafický ovládací prvek , který se aktivuje, když se uživatel pohybuje, nebo vznáší ukazatel přes spouštěcí oblast, obvykle s myší , ale také možné, s digitálním perem . Ovládací prvky myši jsou ve webových prohlížečích běžné . Když například umístíte ukazatel myši na hypertextový odkaz, spustí se ovládací prvek myši při zobrazení adresy URL na stavovém řádku . Návrháři webů mohou definovat své vlastní události přejetím myší pomocí JavaScriptu nebo kaskádových stylů .

Události přechodu myší se často používají při webdesignu a programování grafického uživatelského rozhraní .

Je také známý jako rollover, který označuje tlačítko vytvořené webovým vývojářem nebo webovým designérem, které se nachází na webové stránce a slouží k zajištění interaktivity mezi uživatelem a samotnou stránkou. Termín rollover v tomto ohledu pochází z vizuálního procesu „převrácení kurzoru myši nad tlačítkem“, který způsobí reakci tlačítka (obvykle vizuálně, nahrazením zdrojového obrázku tlačítka jiným obrázkem) a někdy vede ke změně webu stránka sama. Část termínu „roll“ pravděpodobně odkazuje na starší myši, které měly na rozdíl od moderní optické myši, která nemá žádné rolovací části, mechanickou sestavu skládající se z kuličky z tvrdé gumy umístěné v základně myši (která se valí).

Převrácení lze provést pomocí snímků, textu nebo tlačítek. Uživatel k provedení této interaktivní akce vyžaduje pouze dva obrázky / tlačítka (s možným přidáním „alternativního“ textu k těmto obrázkům). Snímky při převrácení lze provést buď programem s vestavěným nástrojem, nebo kódováním skriptu. Uživatel bude muset vybrat první obrázek a vybrat alternativní sekundární obrázek. Aby bylo možné aktivovat rollover, bude muset být akce myši nastavena na „kliknout“ nebo „umístit kurzor myši“. Když se kurzor myši přesune na obrázek, zobrazí se alternativní obrázek / sekundární obrázek, ale nezůstane - když uživatel „umístí kurzor myši“ pohybem myši od obrázku, znovu se zobrazí původní zdrojový obrázek.

Popisek

Speciální použití události mouseover je popisek, který zobrazuje krátký popis objektu pod ukazatelem. Popis se zobrazí až poté, co myš nebo stylus po určitou dobu držíte nad objektem.

Na obrázcích je lze vytvářet pomocí atributu HTML title .

Příklady

<!-- 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');
});

Reference

externí odkazy

• Skrytá nabídka CSS Víceúrovňové menu myši v čistém CSS (tj. Bez JavaScriptu)
• DontClick.it Demonstrace navigace pouze pomocí myši (vyžaduje Flash Player)