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