Hoe gebruik JavaScript & Scroll afbeelding

Wanneer u schuiven een afbeelding op uw webpagina wilt, kan u kiezen om dit te doen met behulp van een eenvoudige HTML-code of doordat een JavaScript afbeelding scroll-code op uw pagina. Beide van deze codes zal vervullen dezelfde functie. Invoegen van afbeeldingen op een webpagina bladeren kan een effectieve manier om de aandacht vestigen op een pagina, maar het mogelijk een ondoeltreffende manier aan het ontwerpen van een pagina als je hoopt te maken het esthetisch.

Instructies

1

Inloggen op uw webserver. Open het HTML-document waarin u wilt de JavaScript als u een afbeelding wilt invoegen.

2

Klik in de < body >-code en voeg deze code:

< SCRIPT LANGUAGE = "JavaScript" >

<!--beginnen

Window.onerror = null;

var bnaam = navigator.appName;

var bVer = parseInt(navigator.appVersion);

var IE9 = (bnaam == 'Microsoft Internet Explorer' & & bVer > = 9);

var IE6 = (bnaam == 'Microsoft Internet Explorer' & & bVer < 6);

var img_path = "in http://website.com.image.jpg";

var time_length = 50; Scroll vertraging in milliseconden

var begin_pos = 265; Beginpositie van scroll hint

var ik = begin_pos;

var j = i;

var scroll_length = 350; De lengte van de scroll

var original_time = time_length;

Als (IE9) {}

Als (navigator.appName == 'Internet Explorer') {}

layerStyleRef = "laag.";

layerRef="document.layers";

styleSwitch = "";

} else {}

layerStyleRef="layer.style.";"

layerRef="document.all";

styleSwitch = ".style";

}

}

SCROLL RECHTS

functie scroll_right(layerName)

{

Als (IE9)

{

Als (ik <(begin_pos+scroll_length))

{

eval(layerRef+'["'+layerName+'"]'+

styleSwitch+'.visibility="visible"');

eval(layerRef+'["'+layerName+'"]'+ styleSwitch+'.left="'+(i)+'"');

i++;

j++;

}

if(i==j)

{

setTimeout("scroll_right('"+layerName+"')",time_length);

}

}

}

SCROLL LINKS

functie scroll_left(layerName)

{

Als (IE9)

{

Als (ik >(begin_pos-scroll_length))

{

eval(layerRef+'["'+layerName+'"]'+

styleSwitch+'.visibility="visible"');

eval(layerRef+'["'+layerName+'"]'+ styleSwitch+'.left="'+(i)+'"');

i--;

j--;

}

if(i==j)

{

setTimeout("scroll_left('"+layerName+"')",time_length);

}

}

}

functie scroll_out()

{

time_length = 10000000000000;

}

functie reset()

{

time_length = original_time;

}

document.write ('< div id = "prem_hint" stijl = "positie: relatief; links:' + begin_pos + '" class = "prem_hint" >< img klasse = "link" onmouseover="javascript:reset(); scroll_left('prem_hint');" onmouseout="javascript:scroll_out();" >< b >

Einde-->

< / script >

3

Beide exemplaren van "-http://website.com.image.jpg" omzetten in de werkelijke URL van de afbeelding dat u wilt schuiven. Één exemplaar is in de buurt van de bovenkant van de code, terwijl de andere in de buurt van de bodem is.

4

Publiceer de pagina.