---
title: "Söker en viss effekt"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/111130-söker-en-viss-effekt"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Webber2003"
published: "2004-09-08T09:33:29.000Z"
updated: "2004-09-10T07:23:43.000Z"
replies: 18
views: 613
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/111130-söker-en-viss-effekt"
---

# Söker en viss effekt

## #1 — Webber2003, 2004-09-08T09:33Z

Tycker att <https://www.Nollkoll.nu> har väldigt snygg funktion att publicera hemsidor med text, bild och länk.

Finns den någon färdig mall/funktion på nätet att ladda hem?

Permalänk: https://www.webforum.nu/p/111130

## #2 — Mika3l, 2004-09-08T19:18Z

Om det är faden när man byter sidor så är det JavaScript/DHTML som gäller. :)

Permalänk: https://www.webforum.nu/p/1433572

## #3 — Webber2003, 2004-09-08T19:47Z

Okej då får jag gå vidare till "JavaScript, DHTML" här på Webforum.nu

Permalänk: https://www.webforum.nu/p/1433587

## #4 — Webber2003, 2004-09-08T19:50Z

Söker en viss effekt

Skulle höra med er hur man skapar effekten som finns på Nollkoll.nu som jag tycker ser snyggt ut när man byter sida.

Finns det något färdigt script att hämta hem från nätet?

Permalänk: https://www.webforum.nu/p/1433590

## #5 — JaktJanne, 2004-09-09T06:15Z

Å då flyttas den från Flash/Shockwave

Permalänk: https://www.webforum.nu/p/1433706

## #6 — silfver, 2004-09-09T06:34Z

Funktionen funkar inte i Firefox.

Permalänk: https://www.webforum.nu/p/1433715

## #7 — @nders, 2004-09-09T06:36Z

Det skulle också vara önskvärt att inte på en gång starta ny tråd i rätt forum, utan i stället be moderator flytta till rätt ställe, som nu har skett.

Tills nästa gång! :-)

Mvh

Permalänk: https://www.webforum.nu/p/1433718

## #8 — Webber2003, 2004-09-09T07:47Z

Oj det tänkte jag aldrig på, varje dag lär man sig något nytt :h

Permalänk: https://www.webforum.nu/p/1433758

## #9 — Jesper T, 2004-09-09T07:58Z

Sidan kan inte hittas

Permalänk: https://www.webforum.nu/p/1433763

## #10 — Webber2003, 2004-09-09T08:36Z

> **Jesper T skrev:**
>
> Sidan kan inte hittas

Ja antingen så ligger sidan tillfälligt nere eller så har den fått väldigt mycket besökare från Webforum ;)

Permalänk: https://www.webforum.nu/p/1433786

## #11 — Jojoxx, 2004-09-09T09:03Z

(Trådarna sammanslagna)

Permalänk: https://www.webforum.nu/p/1433797

## #12 — nitro2k01, 2004-09-09T09:50Z

Sidan du visade använde visserligen flash för sin effekt. Men jag lyckades återskapa nåt liknande:

```
<html>

<head>
<style>

.speciallink	{display: block; background: white; width: 100px; font-size: 10px; 
		 font-family: verdana; color: black; text-decoration: none; padding: 1px;}
body	{background: white;}
</style>
</head>
<body>
Text före menyn
<script>
menuColors=[
"#ffffff",	// Black
"#ffd0d0",
"#ffc0c0",
"#ffa0a0",
"#ff8080",
"#ff6060",
"#ff4040",	
"#ff2020",
"#ff0000"
]

menuItems=[
["Google", "http://www.google.se"],
["webForum", "http://www.webforum.nu"],
["Hotmail", "http://www.hotmail.com"],
["Gmail", "http://www.gmail.com"],
["Globalfun", "http://www.globalfun.com"]

]

menuStates=new Array(menuItems.length)

dw="";

for (i=0; i<menuItems.length; i++){
	dw += "<a id=\"menuitem" + i + "\" onmouseover=\"hoverMenu(" + i + ")\" onmouseout=\"unhoverMenu(" + i + ")\" class=\"speciallink\" href=\"" + menuItems[i][1] + "\">" + menuItems[i][0] + "</a>"
	menuStates[i]=0;
}

document.write(dw);

window.onload=function(){
	menuTimer();
}

function menuTimer (){
	for (i=0; i<menuItems.length; i++){
		if (menuStates[i]>0){
			if(2==(--menuStates[i]))
				document.getElementById("menuitem" + i).style.color = "black";
			document.getElementById("menuitem" + i).style.background = menuColors[menuStates[i]];
		}
	}

	setTimeout("menuTimer();", 50)
}

function hoverMenu(witem){
	with (document.getElementById("menuitem" + witem).style){
		background = "rgb(255,0,0)";
		color = "white";
	}
	menuStates[witem] = 8;
}

function unhoverMenu(witem){

	witem;
}
</script>
Text efter menyn
</body>
</html>
```

Permalänk: https://www.webforum.nu/p/1433814

## #13 — Webber2003, 2004-09-09T10:25Z

Ja det där med menyn blev ju snyggt nitro2k01 :)

Var kanske lite otydlig med min fråga, det var mer hur man gjorde det där som är på den högra sidan (alltså inte menyn), någon som kanske även vet det?

Permalänk: https://www.webforum.nu/p/1433830

## #14 — nitro2k01, 2004-09-09T10:42Z

Menar du alltså hover-effekten till höger?

Permalänk: https://www.webforum.nu/p/1433847

## #15 — Webber2003, 2004-09-09T10:53Z

> **nitro2k01 skrev:**
>
> Menar du alltså hover-effekten till höger?

Ja det jag menar är den snygga övergången när man går till nästa sida, du kanske har någon lösning på även detta?

Permalänk: https://www.webforum.nu/p/1433858

## #16 — nitro2k01, 2004-09-09T13:25Z

Aha, det missade jag eftersom jag bara kollade i Opera, och denna effekt är IE-specifik.

```
<meta http-equiv="page-enter" content="blendtrans(duration=1.5)">
<meta http-equiv="page-exit" content="blendtrans(duration=1.5)">
```

 
... är svaret på din fråga. Detta ska alltså ligga mellan head-taggarna.

Permalänk: https://www.webforum.nu/p/1433908

## #17 — Webber2003, 2004-09-09T18:26Z

Tack så mycket nitro2k01 för hjälpen.

Jag har själv tänkt bygga upp en liknande sajt och publicera en massa länkar men det måste vara lätt att lägga in nya länkar tillsammans med texter och bilder, någon som har förslag hur man gör detta på bästa sätt?

Permalänk: https://www.webforum.nu/p/1434097

## #18 — nitro2k01, 2004-09-10T07:17Z

Det kan du fråga om i t ex PHP-forumet, eftersom något sådant enklast görs i ett serverspråk.
För övrigt så får du gärna acceptera mitt svar som slutgiltigt.

Permalänk: https://www.webforum.nu/p/1434325

## #19 — Webber2003, 2004-09-10T07:23Z

Okej då vet jag, tack för hjälpen nitro2k01.

Permalänk: https://www.webforum.nu/p/1434327

---

Tråden på webben: https://www.webforum.nu/amne/javascript/111130-söker-en-viss-effekt
