Hallo Leute !
Bin neu hier, und sitze hier mit nem kleinen html Problem..
Ich habe folgendes "Text-Scroll-Script" eingefügt, und würde die erscheinenden Texte gern intern verlinken.
Bitte stört euch nicht an den Texten, die sind nur Probeweise da ![]()
Vielleicht hat ja einer von euch den ein oder anderen Tip, was ich in den Code noch reinschreiben muss.
Mfg Kristian
Code
<script language="JavaScript1.2">
var scrollerwidth=660;
var scrollerheight=26;
var scrollerbgcolor='#FFFFFF';
//configure the below variable to change the contents of the scroller
var messages=new Array();
messages[0]="";
messages[1]="<center><table width='650' border='0' cellspacing='2' cellpadding='3'><tr><td width='400' bgcolor='#ffffff'><div align='right'><font color='#6699cc' face='Arial, Helvetica, sans-serif'>[b]Angebot der Wocheb></font></div></td><td width='*'><div align='right'><font face='Arial, Helvetica, sans-serif'>Logitech Tastatur[b]<font color='#6699cc'></font>[/b]</font></div></td></tr></table></center>";
messages[2]="";
messages[3]="<center><table width='650' border='0' cellspacing='2' cellpadding='3'><tr><td width='350' bgcolor='#ffffff'><div align='right'><font color='#6699cc' face='Arial, Helvetica, sans-serif'>[b]Beispiel Text2[/b]</font></div></td><td width='*'><div align='right'><font face='Arial, Helvetica, sans-serif'>Beispiel Text2[b]<font color='#6699cc'></font>[/b]</font></div></td></tr></table></center>";
--->
if (messages.length>1)
i=2;
else
i=0;
function move1(whichlayer){
tlayer=eval(whichlayer);
if (tlayer.top>0&&tlayer.top<=1){
tlayer.top=0;
setTimeout("move1(tlayer)",100);
setTimeout("move2(document.main.document.second)",2000);
return;
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=1;
setTimeout("move1(tlayer)",65);
} else{
tlayer.top=scrollerheight;
tlayer.document.write(messages[i]);
tlayer.document.close();
if (i==messages.length-1)
i=0;
else
i++;
}
}
function move2(whichlayer){
tlayer2=eval(whichlayer);
if (tlayer2.top>0&&tlayer2.top<=1){
tlayer2.top=0;
setTimeout("move2(tlayer2)",2000);
setTimeout("move1(document.main.document.first)",2000);
return;
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=1;
setTimeout("move2(tlayer2)",65);
} else {
tlayer2.top=scrollerheight;
tlayer2.document.write(messages[i]);
tlayer2.document.close();
if (i==messages.length-1)
i=0;
else
i++;
}
}
function move3(whichdiv) {
tdiv=eval(whichdiv);
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=1){
tdiv.style.pixelTop=0;
setTimeout("move3(tdiv)",2000);
setTimeout("move4(second2)",2000);
return;
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1) {
tdiv.style.pixelTop-=1;
setTimeout("move3(tdiv)",65);
} else {
tdiv.style.pixelTop=scrollerheight;
tdiv.innerHTML=messages[i];
if (i==messages.length-1)
i=0;
else
i++;
}
}
function move4(whichdiv){
tdiv2=eval(whichdiv);
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=1){
tdiv2.style.pixelTop=0;
setTimeout("move4(tdiv2)",2000);
setTimeout("move3(first2)",2000);
return;
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=1;
setTimeout("move4(second2)",65);
} else {
tdiv2.style.pixelTop=scrollerheight;
tdiv2.innerHTML=messages[i];
if (i==messages.length-1)
i=0;
else
i++;
}
}
function startscroll(){
if (document.all){
move3(first2);
second2.style.top=scrollerheight;
} else if (document.layers){
move1(document.main.document.first);
document.main.document.second.top=scrollerheight+5;
document.main.document.second.visibility='show';
}
}
window.onload=startscroll
</script>
<ilayer name="main" id="main" left="4" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor};>
<layer id="first" left=0 top=1 width=&{scrollerwidth};>
<script language="JavaScript1.2">
if (document.layers)
document.write(messages[0]);
</script>
</layer>
<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
<script language="JavaScript1.2">
if (document.layers)
document.write(messages[1]);
</script>
</layer>
</ilayer>
<script language="JavaScript1.2">
if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+'">');
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">');
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">');
document.write(messages[0]);
document.writeln('</div>');
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">');
document.write(messages[1]);
document.writeln('</div>');
document.writeln('</div>');
document.writeln('</span>');
}
</script>
Alles anzeigen