Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2012
    Messaggi
    17

    Spostare immagini quando il cursore ci passa sopra in JS

    Salve a tutti,

    avevo intenzione di fare un sito, per un progetto scolastico, che conteva varie informazioni. Avevo pensato a un sito che riunisse gli argomenti al centro della pagina( gli argomenti avevo pensato di farli con un tag div che poi faceva un link al sito che conteneva la sua informazione corrispondente)e quando passavo sopra il mouse i vari tag div si espandessero verso l'esterno. Per ora ho fatto questo codice ma non mi sposta l'immagine nel punto che voglio quando passo sopra il muose cosa sbaglio?

    <html>
    <head>
    <script>
    function mouseOver(img1){
    img1.style.position="absolute";
    img1.style.left="300";
    img1.style.rigth="300";
    function mouseOut(img1){
    img1.style.position="absolute";
    img1.style.left="575";
    img1.style.rigth="575";
    </script>
    <link rel="stylesheet" type="text/css" href="CSS/stile.css" />
    </head>
    <body>
    <div onmouseover="mouseOver(this)" onmouseout="mouseOut(this)">
    [img]IMG/img1.jpg[/img]
    </div>


    </body>
    <html>

    Grazie in anticipo.
    Ciao.

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    img1.style.rigth="575px"; <-- manca px
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it
    Registrato dal
    May 2012
    Messaggi
    17
    Grazie, ma non mi funziona lo stesso

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Mancano le due parentesi } di chiusura delle funzioni.
    Mi sembra tu non abbia le dovute conoscenze, io se fossi in te studierei il javascript partendo dalle ottime guide che trovi anche qui su html.it, lo sviluppo a tentativi è il metodo peggiore per apprendere/fare qualcosa
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    Utente di HTML.it
    Registrato dal
    May 2012
    Messaggi
    17
    Sì era solo per un progetto scolastico e al posto di chiamare qualcuno a pagamento preferivo guardare su internet. A scuola poco a poco ci arriviamo.

    Grazie tante.
    Ciao.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.