---
title: "scrolleffekt"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/17900-scrolleffekt"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "kristoffer"
published: "2001-06-20T14:22:00.000Z"
updated: "2001-06-20T14:49:00.000Z"
replies: 2
views: 149
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/17900-scrolleffekt"
---

# scrolleffekt

## #1 — kristoffer, 2001-06-20T14:22Z

Jag är inte alls insatt i ämnet. På <http://msdn.microsoft.com/scripting/default.htm?/scripting/vbscript/default.htm> 

görs en tuff effekt med ordet "Overview". I koden hittar jag följande:

```
<DIV ID="idTransDiv" 
  STYLE="position:relative; top:0; left:0; height:0; width:69;
  filter:revealTrans(duration=3.0, transition=0);">
  <H4 id="idHead" STYLE="position:relative; visibility:visible; margin-bottom:0;">Overview</H4>
</DIV>
```

När jag provar händer ingenting. Vad behöver jag göra mer?

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

## #2 — Jojoxx, 2001-06-20T14:40Z

Det fattar lite script-kod och en trigger för att starta det hela.

```
<body onLoad="transitionHead()">
<script language="JavaScript" type="text/javascript">
var sAgent = navigator.userAgent
var bIs95NT = sAgent.indexOf("Windows 95") > -1 &#0124;&#0124; sAgent.indexOf("Windows NT")  > -1 &#0124;&#0124; sAgent.indexOf("Win32")  > -1 &#0124;&#0124; sAgent.indexOf("Windows 98")  > -1 &#0124;&#0124; sAgent.indexOf("Windows 2000")  > -1
var bIsIE4 = sAgent.indexOf("IE 4")  > -1 &#0124;&#0124; sAgent.indexOf("IE 5")  > -1
var bIsIE432 = bIs95NT && bIsIE4
function transitionHead() {
	if (bIsIE432) {
		idHead.style.visibility = "hidden"
		idTransDiv.filters.item(0).apply()
		idTransDiv.filters.item(0).transition = 23
		idHead.style.visibility = "visible"
		idTransDiv.filters(0).play(1.000)
	}
}
</script>
<DIV ID="idTransDiv" 
  STYLE="position:relative; top:0; left:0; height:0; width:69;
  filter:revealTrans(duration=3.0, transition=0);">
  <H4 id="idHead" STYLE="position:relative; visibility:visible; margin-bottom:0;">Overview</H4>
</DIV>
```

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

## #3 — kristoffer, 2001-06-20T14:49Z

tackar

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/17900-scrolleffekt
