Wie man Java-Skript verwenden & Scroll-Bild

June 17

Wenn Sie ein Bild auf Ihrer Webseite einen Bildlauf durchführen möchten, können Sie dies mithilfe eines einfachen HTML-Tags oder durch Aktivieren eines JavaScript Bild Scroll-Codes auf Ihrer Seite tun. Beide dieser Codes werden die gleiche Funktion ausführen. Einfügen von Bildern auf einer Webseite blättern kann eine effektive Möglichkeit, auf eine Seite aufmerksam machen, aber es kann sein, dass eine unwirksame Weise eine Seite entwerfen, wenn Sie hoffen, es ästhetisch ansprechend machen.

Anweisungen

1 Melden Sie sich Ihrem Web-Server. Öffnen Sie das HTML-Dokument, in dem Sie JavaScript um ein Bild zu blättern einfügen möchten.

2 Klicken Sie in der < Body >-Tag, und fügen Sie diesen Code:

< SCRIPT LANGUAGE = "JavaScript" >

<!--beginnen

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 = "die http://website.com.image.jpg";

Var Time_length = 50; Scroll-Verzögerung in Millisekunden

Var Begin_pos = 265; Startposition des Scroll-Hinweis

Var ich = Begin_pos;

Var j = i;

Var Scroll_length = 350; Die Scroll-Länge

Var Original_time = Time_length;

Wenn (IE9) {}

Wenn (navigator.appName == "Internet Explorer") {}

LayerStyleRef = "Ebene.";

layerRef="document.layers";

StyleSwitch = "";

} else {}

layerStyleRef="layer.style.";

layerRef="document.all";

StyleSwitch = "Klassenauswahlen";

}

}

RECHTS SCROLLEN

Funktion scroll_right(layerName)

{

Wenn (IE9)

{

Wenn (ich <(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);

}

}

}

FÜHREN SIE EINEN BILDLAUF NACH LINKS

Funktion scroll_left(layerName)

{

Wenn (IE9)

{

Wenn (ich >(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);

}

}

}

Funktion scroll_out()

{

Time_length = 10000000000000;

}

Funktion reset()

{

Time_length = Original_time;

}

Document.Write ("< Div Id ="Prem_hint"Style =" Position: Relative; Links:' + Begin_pos + "" Klasse "Prem_hint" = >< Img-Klasse = "link" onmouseover="javascript:reset(); scroll_left('prem_hint');" onmouseout="javascript:scroll_out();" >< b >

Ende-->

< / script >

3 Ändern Sie beide Instanzen von "als http://website.com.image.jpg" in die tatsächliche URL des Bildes, das Sie einen Bildlauf durchführen möchten. Eine Instanz ist im oberen Bereich des Codes, während die andere im unteren Bereich.

4 Veröffentlichen Sie die Seite "".