mongomicha
Threadersteller
Dabei seit: 29.06.2004
Ort: Dresden
Alter: 43
Geschlecht:
|
Verfasst Mo 27.09.2004 12:46
Titel text scrollen mit javascript |
|
|
servus kolleschn und kolleschinnen...!
hab da n javascript, welches einen text scrollen läßt!
das konnt ich mir gerade noch s n bissl zusammenschustern.
mein prob. is nu das der text nur bis zum ende scrollen soll (aufwärts), so das er dann beim ende aufhört!
und wenn man hoch-scrollt soll er halt dann auch beim anfang stehen bleiben!
jenes script scrollt leider den gesamten text weg!
bitte um hilfe!
thx DasMongo
...das script:
Code: |
<html>
<head>
<script language="JavaScript" type="text/javascript">
<!--
var n = (document.layers) ? 1 : 0;
var ie = (document.all) ? 1 : 0;
var loop, timer1, timer2;
function init()
{
if (navigator.appName == 'Netscape')
var w = innerWidth;
else
var w = document.body.offsetWidth;
}
function makeObj(obj, nest)
{
nest = (nest) ? 'document.' + nest + '.' : '';
this.css = (n) ? eval(nest + 'document.' + obj) : eval(obj + '.style');
this.up = goUp;
this.down = goDown;
this.obj = obj + 'Object';
eval(this.obj + '=this');
return this;
}
function goDown(speed)
{
clearTimeout(timer1);
clearTimeout(timer2);
this.css.top = parseInt(this.css.top) + 3;
if (loop)
timer1 = setTimeout(this.obj + '.down(' + speed + ');', speed);
}
function goUp(speed)
{
clearTimeout(timer2);
clearTimeout(timer1);
this.css.top = parseInt(this.css.top) - 3;
if (loop)
timer2 = setTimeout(this.obj + '.up(' + speed + ');', speed);
}
function init1()
{
testObj = makeObj('test2', 'test');
init();
}
onload = init1;
//-->
</script>
</head>
<body>
<a href="#" onmouseover="loop = true; testObj.up(1);" onmouseout="loop = false;">Aufwärts (schnell)</a><br/>
<a href="#" onmouseover="loop = true; testObj.down(150);" onmouseout="loop = false;">Abwärts (langsam)</a><br/>
<a href="#" onmouseover="loop = true; testObj.down(60);" onmouseout="loop = false;">Abwärts (mittel)</a><br/>
<a href="#" onmouseover="loop = true; testObj.down(1);" onmouseout="loop = false;">Abwärts (schnell)</a>
<div id="test" style="position: absolute; top: 200px; left: 200px; clip: rect(0px 500px 200px 0px);">
<div id="test2" style="position: relative; top: 0px; left: 0px;">
es geht!<br>
NEEEEEEEEEEEEEEE!<br><br>
ES GEHT!<br><br><br><br>
derbe!
</div>
</div>
</body>
</html>
|
//EDIT by Sarky
Bitte Code-Tags verwenden!
Zuletzt bearbeitet von Sarky am Mo 27.09.2004 13:16, insgesamt 1-mal bearbeitet
|
|