scrolleffekt

2 svar · 149 visningar · startad av kristoffer 20 juni 2001

kristofferMedlem sedan juni 20001 257 inlägg

Frågan20 juni 2001 14:22#1

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?

JojoxxMedlem sedan juni 20004 308 inlägg

20 juni 2001 14:40#2

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>

kristofferMedlem sedan juni 20001 257 inlägg

20 juni 2001 14:49#3

tackar