Inhoud
De "onMouseOver" -functie (ook wel "hover" genoemd) is een JavaScript-gebeurtenis die een actie activeert in de gebruikersinterface wanneer de muiscursor boven een object wordt geplaatst. JavaScript wordt meestal gebruikt in webpagina's, zodat de gebeurtenis meestal iets verandert op de pagina waar de JavaScript-code is geschreven. Door de onMouseOver-functie te gebruiken in combinatie met de "rotate" -tool van een online beeldbewerkingswebsite, kunt u een spineffect creëren voor een afbeelding die wordt geactiveerd wanneer de gebruiker zijn muiscursor op de afbeelding plaatst.
routebeschrijving
-
Start uw standaardbrowser en typ de koppeling naar een online beeldbewerkingssite (zoals Pixenate, Pixlr of LunaPic) in de adresbalk en druk op de "Enter" -toets.
-
Verzend de afbeelding die u wilt roteren door op de koppeling "Kies uw afbeelding om te bewerken" te klikken of op de knop "Afbeelding openen vanaf computer". Klik om de afbeelding te selecteren en klik vervolgens op "Openen". Klik op "Upload deze afbeelding" om het bestand te uploaden.
-
Klik op het gereedschap "Roteren" op de werkbalk voor het bewerken van afbeeldingen of klik op "Afbeelding" en selecteer "Canvas roteren". Klik om de mate van rotatie en instellingen te selecteren en klik op "Opslaan op schijf" of "Bestand" en vervolgens op "Opslaan". Sla de geroteerde afbeelding op in dezelfde map als het originele afbeeldingsbestand.
-
Start de standaard HTML-editor. Als u geen HTML-editor hebt, klikt u op de link 'Vrije HTML-editors' in het gedeelte Bronnen. Maak een nieuw HTML-document.
-
Klik op het menu "Bestand" en kies "Opslaan". Typ "rotate.html" als de naam van het document en selecteer de map met de "image1" - en "image2" -bestanden als de opslagmap. Klik op 'Opslaan'.
-
Zoek de ">" - en "" -tags in het nieuwe HTML-document. Klik om de muiscursor tussen de twee merktekens te plaatsen en druk vervolgens op "Enter" om een nieuwe regel te maken.
-
Typ het volgende in de lege regel en vervang de tekst "rotatedimage.gif" door de naam van de geroteerde afbeelding en de tekst "originalimage.gif" met de oorspronkelijke afbeeldingsnaam:
Druk op "Enter" om een nieuwe regel te maken.
-
Typ het volgende:
Druk op "Enter".
-
Type:
Klik op het menu "Bestand" en kies "Opslaan".
-
Dubbelklik op het bestand "rotate.html" om het in uw standaardbrowser te openen. Beweeg uw muis over de afbeelding om het rotatie-effect te zien en verplaats de muiscursor vervolgens uit de afbeelding om terug te keren naar het origineel, zonder te draaien.
Wat je nodig hebt
- computer
- Internettoegang