Hvordan bruke Java Script & Scroll Image
Når du vil bla et bilde på din webside, kan du velge å gjøre det ved hjelp av en enkel HTML-kode eller ved å aktivere en Javascript-bilde bla kode på siden din. Begge disse kodene utfører samme funksjon. Sette rullende bilder på en nettside kan være en effektiv måte å trekke oppmerksomhet til en side, men det kan være en ineffektiv måte å designe en side hvis du håper å gjøre det estetisk tiltalende.
Bruksanvisning
1 Logg inn på din webserver. Åpne HTML-dokumentet der du vil sette inn Javascript for å bla et bilde.
2 Klikk i <body> -koden og sette inn denne koden:
<Script language = "Javascript">
<! - Begin
window.onerror = null;
Var BNAME = navigator.appName;
Var bVer = parseInt (navigator.appVersion);
Var IE9 = (BNAME == "Microsoft Internet Explorer" && bVer> = 9);
Var IE6 = (BNAME == "Microsoft Internet Explorer" && bVer <6);
Var img_path = "http: //website.com.image.jpg";
Var TIME_LENGTH = 50; // Bla forsinkelse i millisekunder
Var begin_pos = 265; // Start stilling bla hint
var i = begin_pos;
Var j = i;
Var scroll_length = 350; // Rulle lengde
Var original_time = TIME_LENGTH;
if (IE9) {
if (navigator.appName == "Internet Explorer") {
layerStyleRef = "lag.";
layerRef = "document.layers";
styleSwitch = "";
}ellers{
layerStyleRef = "layer.style.";
layerRef = "document.all";
". Style" styleSwitch =;
}
}
// Rull til høyre
funksjon scroll_right (LAYERNAME)
{
if (IE9)
{
if (i <(begin_pos + scroll_length))
{
eval(layerRef+'["'+layerName+'"]'+
styleSwitch + '. synlighet = "synlig"');
eval (layerRef + '[ "' + LAYERNAME + '"]' + styleSwitch + ' »+ (i) +'" 'venstre =.');
i ++;
j ++;
}
if (i == j)
{
setTimeout ( "scroll_right ( '» + LAYERNAME + "')", TIME_LENGTH);
}
}
}
// Bla til venstre
funksjon scroll_left (LAYERNAME)
{
if (IE9)
{
if (i> (begin_pos-scroll_length))
{
eval(layerRef+'["'+layerName+'"]'+
styleSwitch + '. synlighet = "synlig"');
eval (layerRef + '[ "' + LAYERNAME + '"]' + styleSwitch + ' »+ (i) +'" 'venstre =.');
jeg--;
j--;
}
if (i == j)
{
setTimeout ( "scroll_left ( '» + LAYERNAME + "')", TIME_LENGTH);
}
}
}
funksjon scroll_out ()
{
TIME_LENGTH = 10000000000000;
}
funksjon reset ()
{
TIME_LENGTH = original_time;
}
document.write ( '<div id = "prem_hint" style = "position: relative; venstre:' + begin_pos + '" class = "prem_hint"> <img class = "link" onmouseover = "javascript: reset (); scroll_left ( 'prem_hint'); "onmouseout =" javascript: scroll_out (); "> <b>
// End ->
</ Script>
3 Endre begge tilfeller av "http: //website.com.image.jpg" til selve nettadressen til bildet du vil bla. Ett eksempel er nær toppen av koden, mens den andre er nær bunnen.
4 Publiser siden.