HTML Tutorial voor speciale effecten

HTML staat voor het insluiten van afbeeldingen en objecten die kunnen worden gebruikt voor interactiviteit. HTML werkt goed met JavaScript dat kan worden gebruikt om de invloed op de werking van web-browsers. Naast JavaScript, kan Cascading Style Sheets (CSS) ook worden geïntegreerd om de lay-out en weergave van de inhoud beïnvloeden. Wanneer behoorlijk gebruikt, kunnen de effecten functionaliteit bieden en verbeteren van de gebruikerservaring en maak een website opvallen. Om doeltreffend te zijn, moet de special effects niet vertragen van de browser of irriteren de bezoekers.

Lichtkranttekst

• Vuur opwaarts uw toepassing Kladblok en typ de basis HTML-codes zoals hieronder getoond:

  HTML >
  
  
  
  
  Dit is een Scrolling tekst
  

• Sla het bestand hierboven als index.html op uw bureaublad en dubbelklik erop om uit te voeren. U zult merken dat alleen een statische tekst "This is een Scrolling Text" wordt weergegeven.

• Ga terug naar uw toepassing Kladblok en voeg de tekst hieronder onder de ""label:

  
  Dit is een Scrolling tekst

  De volledige code moet nu lezen zoals hieronder getoond:

  
  
  
  
  
  Dit is een Scrolling tekst
  

Beelden scrollen

• Zoek de afbeelding die u wilt schuiven op een webpagina en klik met de rechtermuisknop, ga naar "Eigenschappen" en het logboek adres vinden. Gebruik "View Page Source" bij het gebruik van andere browsers zoals Firefox en ga naar het adres van het logo.

• Kopieer de link-pagina naar het logo en ga terug naar een HTML-document en plak deze zoals hieronder getoond:

  
  
  
  
  
  </marquee" rel="nofollow" target="_blank"> http://www.google.com/images/logo.gif > < / selectiekader >
  
  
  Dit is slechts een voorbeeld en werken mogelijk niet goed. Een echte koppeling die verwijst naar een echte afbeelding gebruiken.

• Sla het bestand op, ga terug naar uw document en de weergave. U kunt de grootte, lengte en andere details evenals scrollen.

Mouse-Over knop

• Kopieer of maak twee beelden, bij voorkeur degenen die als knoppen, naar een map eruitzien. De naam van de beelden "one" en "two".

• Open uw toepassing Kladblok en typ de onderstaande code:

  
  
  
  
  
  

  
  
  

• Sla het bestand als image.html in dezelfde map dat u de afbeeldingen opslaan.

Waarschuwing-Script

• Vuur opwaarts uw Kladblok en typ de code hieronder:

  
  
  
  
  
  http://Google.com"
  onMouseOver = "waarschuwing (' Dit is een Pop Up); return true;" > Klik op PopUp
  
  

• Voeg uw eigen pop-upbericht, koppelingstekst en de website die u wilt dat de link om te verwijzen naar.

• Sla het bestand op als pop.html en dubbelklik op als u wilt uitvoeren.

• De lichtkranttekst kunt worden definiëren als u wilt schuiven een bepaalde lengte met behulp van de "breedte = %" label zoals hieronder getoond:
• Dit is mijn tekst schuiven
• U kunt de afbeelding muis meer interactief maken door toevoeging van meer argumenten in de code. Sommigen hiervan omvatten:
• onmousedown = "src = 'afbeelding pad'"
• onmouseup = "src = 'afbeelding pad'"
• onmouseout = "src = 'afbeelding pad'"