Quando si desidera scorrere un'immagine sulla tua pagina Web, è possibile farlo utilizzando un semplice tag HTML o attivando un codice di scorrimento immagine JavaScript nella tua pagina. Entrambi di questi codici si esibirà la stessa funzione. Inserimento di scorrimento immagini su una pagina Web può essere un modo efficace per attirare l'attenzione a una pagina, ma può essere un modo inefficace per progettare una pagina se si spera di renderlo esteticamente gradevole.
Istruzioni
1
Accedere al server Web. Aprire il documento HTML in cui si desidera inserire il codice JavaScript per scorrere un'immagine.
2
Fare clic all'interno del tag < body > e inserire questo codice:
< SCRIPT LANGUAGE = "JavaScript" >
<!-iniziare
OnError = null;
var bName = AppName;
bVer var = parseInt(navigator.appVersion);
var IE9 = (bName = = "Microsoft Internet Explorer" & & bVer > = 9);
var IE6 = (bName = = "Microsoft Internet Explorer" & & bVer < 6);
var img_path = "di http://website.com.image.jpg";
var time_length = 50; Scorrimento ritardo in millisecondi
var begin_pos = 265; Posizione iniziale di suggerimento di scorrimento
var i = begin_pos;
var j = i;
var scroll_length = 350; La lunghezza di scorrimento
var original_time = time_length;
Se {(IE9)
Se (Navigator. appName = = "Internet Explorer") {
layerStyleRef = "livello.";
layerRef="document.layers";
styleSwitch = "";
} else {
layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch = ". Style";
}
}
SCORRERE VERSO DESTRA
funzione scroll_right(layerName)
{
Se (IE9)
{
Se (mi <(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);
}
}
}
SCORRERE VERSO SINISTRA
funzione scroll_left(layerName)
{
Se (IE9)
{
Se (mi >(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);
}
}
}
funzione scroll_out()
{
time_length = 10000000000000;
}
funzione Reset)
{
time_length = original_time;
}
Document. Write ('< div id = "prem_hint" style = "Posizione: relative; left:' + begin_pos + '" classe = "prem_hint" >< img class = "link" onmouseover="javascript:reset(); scroll_left('prem_hint');" onmouseout="javascript:scroll_out();" >< b >
Fine-->
< / script >
3
Modificare l'URL effettivo dell'immagine che si desidera scorrere entrambe le istanze di "l'http://website.com.image.jpg". Un'istanza è vicino alla parte superiore del codice, mentre l'altro è vicino al fondo.
4
Pubblicare la pagina.