Tant og fjas med Internet Explorer

Var det noget med en farvet rulleskakt? Eller hvad med smarte effekter, når brugeren hopper rundt på dit website? Med Internet Explorer kan man skabe effekter, der kan være diskrete og smagfulde, eller det fuldstændigt modsatte.

Transitions

Internet Explorer indeholder en del faciliteter, som ikke er en del af de guldrandede standarder, men som det er ganske ufarligt at benytte.

Desværre ser man oftere og oftere webdesignere, som benytter browserspecifikke tricks, der udelukker brugere af andre browsere. Men de tricks, vi viser her, har ikke nogen betydning for andre browsere. Til gengæld kan man pifte websiden op for det store flertal af publikum, som benytter Internet Explorer.

Smarte overgange
Transitions er overgange fra en html-side til en anden, hvilket er kendt fra tv, multimedia og præsentationsprogrammer som PowerPoint. Internet Explorer understøtter en lang række klassiske transitions som box, wipe, circle, blinds og meget mere. Se et eksempel her.

Overgangene skabes ganske simpelt ved at indsætte et meta-tag i <head>-sektionen i toppen af HTML-dokumentet. Det kan se sådan ud:

<head>
<meta http-equiv="Page-Enter" content="RevealTrans(Transition= 7,Duration=3 ">
</head>

På websitet See-search kan man finde en automatisk kodegenerator, som kan skabe dette meta-tag, og så er det bare at kopiere koden og sætte den ind i ens eget dokument.

Colorbar

Den mangefarvede rulleskakt
Dette trick går ud på at udstyre rulleskakten - eller scroll bar, som den også kaldes - med farve. Og det er ikke bare grundfarven der kan stilles på. Alle elementerne kan faktisk farves efter ens egen smag. Det kan enten føre til det regulært grufulde, men det kan faktisk også benyttes diskret og pænt.

Eksemplet på denne side - som altså kun kan ses, hvis du benytter Internet Explorer - fås ved at tilføje følgende stylesheet definitioner i HTML-dokumentet:

<style>
body
{
scrollbar-base-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-track-color: #cc0000;
scrollbar-arrow-color: #cc0000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-darkshadow-color: #000000;
}
</style>

Farveværdierne, #ffffff og så videre, er i såkaldt hextal-format, og de fleste moderne billedbehandlingsprogrammer kan vise en farvenuance i dette format. Ellers kan man benytte Windows' farvevælger ved at åbne Paint (i mappen Tilbehør), klikke på en farve i farvepaletten, vælge Definer farver i dialogboksen der kommer frem, og aflæse værdien af Rød, Grøn og Blå (RGB) nederst til højre.

Derefter åbnes Lommeregner, der også findes i mappen Tilbehør. Slå Videnskabelig til i menuen Vis, indtast værdien for R, og klik på radioknappen Hex. Den samme procedure gentages med G og B-værdien, og så sættes de tre værdier efter hinanden, og en havelåge (#) sættes ind foran.

På websitet Blooberry kan man se en instruktiv gennemgang af, hvilke attributter der styrer de forskellige farver, og på websitet Wsabstract.com kan man se en interaktiv gennemgang. Når man har fået princippet op under neglene, kan man på et tredie websted få koden genereret automatisk.

Læses lige nu

    Annonce

    Netcompany A/S

    IT Consultant

    Nordjylland

    Jyske Bank

    Forretningsudvikler til Modeldata

    Københavnsområdet

    Capgemini Danmark A/S

    Java Engineer

    Københavnsområdet

    Vallensbæk Kommune

    Digitaliseringskonsulent til Vallensbæk Kommune

    Københavnsområdet

    Computerworld Events

    Vi samler hvert år mere end 6.000 deltagere på mere end 70 events for it-professionelle.

    Ekspertindsigt – Lyt til førende specialister og virksomheder, der deler viden om den nyeste teknologi og de bedste løsninger.
    Netværk – Mød beslutningstagere, kolleger og samarbejdspartnere på tværs af brancher.
    Praktisk viden – Få konkrete cases, værktøjer og inspiration, som du kan tage direkte med hjem i organisationen.
    Aktuelle tendenser – Bliv opdateret på de vigtigste dagsordener inden for cloud, sikkerhed, data, AI og digital forretning.

    Digital transformation | Frederiksberg

    Roundtable: AI i drift – fra eksperimenter til ansvar, værdi og kontrol

    AI-initiativerne breder sig hurtigt, men skaleringen halter. Kun hver fjerde virksomhed har flyttet en større del af sine AI-eksperimenter i produktion. Computerworld samler en udvalgt kreds af CIO’er og digitale beslutningstagere til et...

    Sikkerhed | Online

    Det du glemmer i Azure - men aldrig on-prem: Sådan genfinder du kontrollen

    Undgå dyre fejl i Azure. Få styr på udfasede services, skjulte omkostninger og governance. Lær, hvordan Reserved Instances, Azure Hybrid Benefit og de rette styringsmekanismer giver mere værdi, lavere omkostninger og en mere robust Azure-platform....

    Se alle vores events inden for it

    Navnenyt fra it-Danmark

    Stine Willemoes Kondrup, Senior Project Manager hos Ascom, har pr. 22. juni 2026 fuldført uddannelsen Master i it, linjen i organisation på Aalborg Universitet via It-vest-samarbejdet. Færdiggjort uddannelse
    LCG har pr. 1. september 2026 ansat Thomas Wong, 47 år,  som Director of Cyber & Risk Advisory. Han skal især beskæftige sig med Ansvar for at udvikle LCG’s rådgivning inden for cybersikkerhed, cyberrisiko og GRC. Han kommer fra en stilling som VP of security hos Atea. Nyt job
    Norriq Danmark A/S har pr. 1. april 2026 ansat Sascha Trebbien Klinggaard som Lead Consultant. Hun skal især beskæftige sig med at facilitere tæt partnerskab og strategisk behovsafdækning hos vores kunder. Hun kommer fra en stilling som Senior Business Analytics Consultant hos Twoday Kapacity. Hun er uddannet hos Copenhagen Business School og har en Master's degree,Finance & Strategic Management 2014 - 2016. Nyt job

    Sascha Trebbien Klinggaard

    Norriq Danmark A/S

    Martin Grooss Carpentier, Software Architect hos Kamstrup, har pr. 29. juni 2026 fuldført uddannelsen Master i it, linjen i softwarekonstruktion på Aarhus Universitet via It-vest-samarbejdet. Færdiggjort uddannelse