Inne działy

 

JavaScript zdarzenie onmouseover

 

Zdarzenie onmouseover, występuje, gdy wskaźnik myszy znajdzie się w granicach obiektu. Jest to powszechnie używane do tworzenia efektów Rollover, w którym mysz użytkownika znajduję się nad obiektem (onmouseover) i zmienia wygląd, a następnie, gdy mysz użytkownika opuszcza obiekt (onmouseout) powraca do swojego normalnego wyglądu.

Składnia:

 

// Javascript
element.onmouseover = jsFunkcja;
// HTML
<element onmouseover="jsFunkcja();"></element>

Obsługa skryptu zdarzenia onmouseoverpoprzez JavaScript i DOM:

 

<!DOCTYPE html>

<html>
    <head>
        <title>Obsługa zdarzenia onmouseover przez JavaScript</title>
        <meta charset="UTF-8">
        <script type="text/javascript">
            
            function przechwycZdarzenie(){
                var kontener1 = document.getElementById('kontener1');
                kontener1.onmouseover = tlo;
                
                function tlo(){
                    this.style.background = "#F11";
                }
            }
            window.onload = przechwycZdarzenie;
        </script>
    </head>
    <body>
        <div id = "kontener1" style="background: #988">Mysz znajduję się nade mną</div>
    </body>
</html>

Obsługa zdarzenia onmouseover bezpośrednio przez element HTML:

 

<!DOCTYPE html>

<html>
    <head>
        <title>Obsługa zdarzenia onmouseover przez HTML</title>
        <meta charset="UTF-8">
        <script type="text/javascript">
            
            function tlo(element){
                    element.style.background = "#F11";
            }
            
        </script>
    </head>
    <body>
        <div  onmouseover="tlo(this)" style="background: #988">Mysz znajduję się nade mną</div>
    </body>
</html>

 

Zobacz nasze wszystkie kursy

WWW


HTML
HTML - Znaczniki
CSS - Tutorial
CSS - Selektory
PHP
JavaScript

XML

XSLT

Bazy danych


SQL
SQLite
MySQL
PostgreSQL

 

 

Programowanie


C
C++
C#
Java
VisualBasic
Python

Linux


Podstawy Linuxa
Bash
Linuks artykuły

Windows


Excel funkcje
Windows wskazówki
Outlook

Pozotałe działy


Programy
Rozrywka

 

 

 

This email address is being protected from spambots. You need JavaScript enabled to view it.