div scrolling - javarea.de Forum powered by javarea.de

HTML-Quelltext

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: 
75: 
76: 
77: 
78: 
79: 
80: 
81: 
82: 
83: 
84: 
85: 
86: 
87: 
88: 
89: 
90: 
91: 
92: 
93: 
94: 
95: 
96: 
97: 
98: 
99: 
100:

<html>
<head>

<style type="text/css">
<!--
#container
{
	background-color: #f0f0f0;
	font-family: Verdana;
	position: relative;
	overflow: hidden;
	font-size: 9px;
	height: 110px;
}
//-->
</style>

</head>
<body>

<script language="JavaScript1.2" type="text/javascript">
<!--
var speed = 3;

with (document)
{
	if (navigator.appName == 'Netscape')
	{
		write('<div id="container" style="width: 128px;">'
		    + '<div id="content" style="position: absolute; width: 117; padding: 5px; left: 0; top: 0;">');
	}
	else
	{
		write('<div id="container" style="width: 128px;">'
		    + '<div id="content" style="position: absolute; width: 125; padding: 5px; left: 0; top: 0;">');
	}
}
//-->
</script>

<!-- Text der scrollen soll Anfang //-->

Text 1<br /><br />
Text 2<br /><br />
Text 3<br /><br />
Text 4<br /><br />
Text 5<br /><br />
Text 6<br /><br />
Text 7<br /><br />
Text 8<br /><br />
Text 9<br /><br />
Text 10

<!-- Text der scrollen soll Ende //-->

<script language="JavaScript1.2" type="text/javascript">
<!--
document.write('</div></div>');

var crossobj      = (document.getElementById) ? document.getElementById('content') : document.all.content;
var contentheight = crossobj.offsetHeight;

/**/

function movedown()
{
	if (parseInt(crossobj.style.top) >= (contentheight * (-1) + 110))
		crossobj.style.top = parseInt(crossobj.style.top) - speed;

	movedownvar = setTimeout('movedown();', 40);
}

/**/

function moveup()
{
	if (parseInt(crossobj.style.top) <= 0)
		crossobj.style.top = parseInt(crossobj.style.top) + speed;

	moveupvar = setTimeout('moveup();', 40);
}

/**/

function getcontent_height()
{
	contentheight = crossobj.offsetHeight;
}

/**/

onload = getcontent_height;
//-->
</script>

<a href="javascript:void(0);" onmouseover="moveup();" onmouseout="clearTimeout(moveupvar);">up</a> &nbsp;
<a href="javascript:void(0);" onmouseover="movedown();" onmouseout="clearTimeout(movedownvar);">down</a>

</body>
</html>

HTML-Quelltext

HTML-Quelltext

Zitat

Zitat

Zitat