Du bist nicht angemeldet.

  • Anmelden
  • Registrieren

Textsroller

Netspider

Anfänger

Beiträge: 5

1

26.06.2005, 15:51

Textsroller

[size=3]In diesem Tutorial lernen sie einen Textscroller in ihre Homepage einzufügen. Um dies zu machen einfach folgenden Code in den <Body> einfügen:

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74

[/color][/font][/b]
[b][font=Times New Roman][color=black]<script language="JavaScript">[/color][/font][/b]

[b][font=Times New Roman][color=black]<!--[/color][/font][/b]

[b][font=Times New Roman][color=black]done = 0;[/color][/font][/b]

[b][font=Times New Roman][color=black]step = 4 //Geschwindigkeit beim ersten scrollen[/color][/font][/b]

[b][font=Times New Roman][color=black]function anim(yp,yk)[/color][/font][/b]

[b][font=Times New Roman][color=black]{[/color][/font][/b]

[b][font=Times New Roman][color=black]if(document.layers) document.layers["napis"].top=yp;[/color][/font][/b]

[b][font=Times New Roman][color=black]else document.all["napis"].style.top=yp;[/color][/font][/b]

[b][font=Times New Roman][color=black]if(yp>yk) step = -4 //Geschwindigkeit beim hochscrollen[/color][/font][/b]

[b][font=Times New Roman][color=black]if(yp<60) step = 4 //Geschwindigkeit beim runterscrollen[/color][/font][/b]

[b][font=Times New Roman][color=black]setTimeout('anim('+(yp+step)+','+yk+')', 35); //Raster zur Geschwindigkeit[/color][/font][/b]

[b][font=Times New Roman][color=black]}[/color][/font][/b]

[b][font=Times New Roman][color=black]function start()[/color][/font][/b]

[b][font=Times New Roman][color=black]{[/color][/font][/b]

[b][font=Times New Roman][color=black]if(done) return[/color][/font][/b]

[b][font=Times New Roman][color=black]done = 1;[/color][/font][/b]

[b][font=Times New Roman][color=black]if(navigator.appName=="Netscape") {[/color][/font][/b]

[b][font=Times New Roman][color=black]document.napis.left=innerWidth/2 - 145;[/color][/font][/b]

[b][font=Times New Roman][color=black]anim(60,innerHeight - 60)[/color][/font][/b]

[b][font=Times New Roman][color=black]}[/color][/font][/b]

[b][font=Times New Roman][color=black]else {[/color][/font][/b]

[b][font=Times New Roman][color=black]napis.style.left=11;[/color][/font][/b]

[b][font=Times New Roman][color=black]anim(60,document.body.offsetHeight - 60)[/color][/font][/b]

[b][font=Times New Roman][color=black]}[/color][/font][/b]

[b][font=Times New Roman][color=black]}[/color][/font][/b]

[b][font=Times New Roman][color=black]//-->[/color][/font][/b]

[b][font=Times New Roman][color=black]</script>[/color][/font][/b]



[b][font=Times New Roman][color=black]<div id="napis" style="position: absolute; top: -50; color: #D23842; [/color][/font][/b]

[b][font=Times New Roman][color=black]font-family: Arial, Helvetica; font-weight:bold; font-size:40px;">[/color][/font][/b]

[b][font=Times New Roman][color=black]Das ist der Text, der über den Bildschirm auf und ab fährt.[/color][/font][/b]

[b][font=Times New Roman][color=black]</div>[/color][/font][/b]

[b][font=Times New Roman][color=black]<script LANGUAGE="JavaScript">[/color][/font][/b]

[b][font=Times New Roman][color=black]<!--[/color][/font][/b]

[b][font=Times New Roman][color=black]setTimeout('start()',10); //Startzeit nach dem Laden der Seite[/color][/font][/b]

[b][font=Times New Roman][color=black]//-->[/color][/font][/b]

[b][font=Times New Roman][color=black]</script>[/color][/font][/b]

[/size]
Thema bewerten