CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

hashkagen Nybegynder

06. marts 2006 - 20:18 Der er 7 kommentarer og
1 løsning

hvordan er denne effekt opnået uden flash?

se på denne side: http://user.fundy.net/morris/splash.html

der er en fed ryste effekt som jeg ellers kun troede kun opnåes ved brug af flash eller en lang tidskrævende kode... hvordan i alverden kan jeg gøre det samme med mine links?

Synes godt om

hashkagen Nybegynder

06. marts 2006 - 20:20 #1

jeg gætter på at det starter med et almindeligt billede, her i form af et png, som på mouseover er sat til at starte en gif, med en lille animation? korrekt?

Synes godt om

hashkagen Nybegynder

06. marts 2006 - 20:22 #2

og dog... aner det sku helt ærligt ikke. HJÆLP :D

Synes godt om

Spotgun Seniormester

06. marts 2006 - 20:23 #3

Iflg. html-koden, så passer det godt nok. Der loades en animeret gif ved mouseover.

Synes godt om

hashkagen Nybegynder

06. marts 2006 - 20:37 #4

er du sikker? jeg gik direkte til gif filen og det så ikke ud som om at den bevægede sig?

det er denne kode han bruger til hans #pagetop:

<a href="#pagetop" onmouseover="changeImages('top', 'images/interface/topo.gif');" onmouseout="changeImages('top', 'images/interface/topn.png');"><img id="top" src="images/interface/topn.png" width="29" height="27" alt="Top of Page" title="Top of Page" /></a>

gætter på at det er den samme, i hvert fald samme effekt, nåh vi ses vel imorgen nu skal jeg have kaffe og kage :D

Synes godt om

stone Forsker

06. marts 2006 - 20:42 #5

standard gif'en er et png billede og ved mouseover skiftes det til en animeret gif.

prøv at lægge musen over et af billederne og højreklik og gem som så kan du se det bare er en animeret gif.

Synes godt om

Spotgun Seniormester

06. marts 2006 - 20:43 #6

http://user.fundy.net/morris/images/splash/lightwaveo.gif <-- det er bl.a. den der "ryster". Det kan godt være du skal refreshe gif'en et par gange for at fange animationen. Den varer ikke mere end et par frames.

Mouseover-billederne preloades via javascript, og byttes rundt via en mouseover. Det er ikke ret besværligt at lave...

Synes godt om

marz* Nybegynder

06. marts 2006 - 20:54 #7

http://www.w3schools.com/dhtml/tryit.asp?filename=trydhtml_img_shake

Synes godt om

domaz.dk Novice

07. marts 2006 - 09:17 #8

et lille css eksempel på hvordan det kan gøres...

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>

<style type="text/css">
#menu {width: 182px;}
#menu a{display: block; width: 182px; height: 40px;}
#menu li{width: 182px; height: 40px; list-style: none;}
#menu #menuROOT {background: url("../layout/root_out.jpg");}
#menu a:hover#menuROOT {background: url("../layout/root_over.jpg");}
#menu #menuABOUT {background: url("../layout/about_out.jpg");}
#menu a:hover#menuABOUT {background: url("../layout/about_over.jpg");}
</style>
</head>

<body>

<ul id="menu">
<li><a href="?site=root" id="menuROOT"></a></li>
<li><a href="?site=about" id="menuABOUT"></a></li>
</ul>

</body>
</html>

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Microsoft 365 kurser

Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.

Se alle Microsoft 365 kurser

Flere spørgsmål fra Andet design kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
3D foto til stl Af johnnylassen i Andet design	1	31/07/202313:32	31/07/202314:28
InDesign - Af Ajnbnb i Andet design	6	29/07/202209:29	01/08/202209:18
Kan man fremstille numre med en cirkel eller firkant om ? Af Ikke-ekspert i Andet design	6	04/04/202211:38	04/04/202222:11
Logo til kostvejleder Af Buchwald i Andet design	3	18/02/202217:41	20/02/202216:52
Farver i InDesign Af huddie i Andet design	2	01/11/202112:49	26/01/202219:01

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS