| Home  | Casa  | Hardware  | Networking  | Programmazione  | Software  | Domanda  | Sistemi  |   
Programmazione  
  • C /C + + Programming

  • Computer Programming Languages

  • Delphi Programming

  • Java Programming

  • Programmazione Javascript

  • PHP /MySQL Programmazione

  • Perl Programming

  • Python Programming

  • rubino Programmazione

  • Nozioni di base di Visual Programming
  •  
    Conoscenza Informatica >> Programmazione >> Programmazione Javascript >> Content
    Come modificare immagini menu al passaggio del mouse in JavaScript
    metodo getElementById di () di JavaScript consente ai programmatori di controllare e modificare l'impianto idraulico interno di una pagina web. Questo metodo ha accesso all'interfaccia di programmazione dell'applicazione di una pagina web chiamato il Document Object Model o DOM . Con getElementById ( ) , il programmatore può modificare la maggior parte HTML ( HyperText Markup Language ) informazioni styling tag - tra cui le immagini di sfondo . L' evento JavaScript funzioni onMouseOver ( ) e onmouseout ( ) rispondono al movimento del mouse su elementi HTML innescando l'esecuzione di istruzioni JavaScript . I tag HTML devono essere etichettati con un ID univoco in modo che il metodo getElementById ( ) può trovare e modificarli . Cose che ti serviranno
    editor di testo
    due immagini di sfondo dello stesso formato , GIF, PNG o JPG
    Show More Istruzioni
    1

    Avviare l'editor di testo che è venuto con il computer .
    2

    Inserisci il seguente codice nell'editor di testo . Sostituire i nomi immagine " image1.jpg " e " image2.jpg " con i nomi e il formato dei vostri file di immagine di sfondo . Regolare le dimensioni dell'immagine nella " mydiv " Cascading Style Sheet pure.



    < Tipo style = "text /css "> < -

    mydiv {

    background- image! . : type = "text /javascript" >

    funzione changeImage ( linknumber ) per

    {

    var changeimageback ( linknumber ) per

    {

    var id = " mydiv1 " class = onMouseOver " mydiv " = " changeImage ( '1 '); " onmouseout = " changeimageback ( '1' ) " > Link 1 < /a> < /div >

    Previous :

    next :
      Articoli Correlati
    ·Come usare JavaScript con Flash 
    ·Come ottenere valori INT in jQuery 
    ·Come calcolare lunghezza array in Javascript 
    ·Come calcolare altezza testo 
    ·Come rimuovere un gestore eventi in TinyMCE 
    ·I migliori Javascript Sliders Immagine 
    ·Come creare XLS con JavaScript 
    ·Come fare Blink Text Con Javascript 
    ·Effetti sequenziali in jQuery 
    ·Come convertire i numeri in parole in Javascript 
      Articoli in evidenza
    ·Come programmare un Spider -mail in Python 
    ·Come rimuovere l'ultimo elemento di una lista Perl 
    ·Come fare un Bot Booter 
    ·Come distinguere tra Elaborazione ingresso e dei requis…
    ·Che cosa è ORing Logical 
    ·Generi di linea di disegno in Visual Basic 
    ·Come accettare l'input dell'utente con Python 
    ·Come trovare il numero più piccolo in un Array 
    ·Come ottenere script PHP Up & Running With Dreamweaver …
    ·Come utilizzare InputBox in VB6 
    Copyright © Conoscenza Informatica http://it.wingwit.com