Text mit scrollen mitlaufen

Stoned eichel · 4. März 2004

Hi hab hier so´ein Javascript und find das auch voll geil nur hab ich sehr wenig ahnung von Java und würde mich freuen wenn mir das einer bearbeiten könnte!
BEi diesem Script ist eine menüleiste die Ständig mitscrollt ich will aber keine Menüleiste sondern normalen Text Der mitscrollt und er soll nicht oben am Browserfenster befinden sonder unten am browserfenster.
Bin echt jedem Dankbar wer mir hilft!
Aber hier erstmal der Quelltext:

Code:

<html>
<head>
<title>lol test</title>
<style type="text/css"> 
<!-- 
a.x:link, a.x:visited, a.x:active{color:#ffffff;text-decoration:none} 
//--> 
</style>
<head>
<body marginheight="25" topmargin="25">
<script language="javascript"> 
  
MenuWidth=170;           //Breite des Menus. 
MenuFont='Arial,Verdana'; 
MenuFontSize=2;          //nur 1 bis 7, 2 scheint genau richtig ;-). 
MenuFontColor='#ffffff'; 
MenuBgColor='#5b7693'; 
HighLight='#b4c3d4'; 
Separater=2;             //Abstand um die Menus. 
Centre=true;             //true oder false. 

//!hier nichts ändern, geh gleich weiter zu "Links"! 

n4=(document.layers); 
n6=(document.getElementById&&!document.all); 
ie=(document.all); 
h=(ie)?document.body.clientHeight:window.innerHeight; 
w=(ie)?document.body.clientWidth:window.innerWidth; 
Titles=new Array() 
Links=new Array() 

algn1=(Centre)?'<center>':''; 
algn2=(Centre)?'</center>':''; 

function colour2(c){(n4)?c.bgColor=HighLight:c.style.background=HighLight}// 
function colour1(c){(n4)?c.bgColor=MenuBgColor:c.style.background=MenuBgColor}// 

var OpenLayer=(n4)?"<br><layer height=100% width=100% onMouseOver='colour1(this)'; onMouseOut='colour2(this)'>"+algn1:"<div style='height:auto;width:100%' onMouseOver='colour1(this)'; onMouseOut='colour2(this)'><font face="+MenuFont+" size="+MenuFontSize+" color="+MenuFontColor+">"; 
var CloseLayer=(n4)?algn2+"</layer>":"</font></div>"; 

var vs=(n4)?"<font face='Wingdings' color="+MenuBgColor+">n</font>":OpenLayer+" "+CloseLayer+"<font color="+MenuBgColor+">"+String.fromCharCode(9660)+"</font>"; 
  

/*************************************Links**************************************** 

Ändere die Titel nach Wahl, achte darauf, dass die Reihenfolger der Nummerierung stimmt. 

Trag danach Deine Links ein. 
Beispiel: 
+OpenLayer+"<a href='http://www.google.com' class='x'>Search with Google</a>"+CloseLayer 

Wenn der Link Anführungszeichen beinhaltet, maskiere sie mit einem Backslash. 
Beispiel: 
...class='x'> What\'s new </a>"+C... 

***************************************************************************************/ 

Titles[0]='Intern'; 
Titles[1]='Kontakt'; 
Titles[2]='Service'; 
Titles[3]='Webdesign'; 
  

Links[0]=vs 
+OpenLayer+"<a href='./' class='x'>Startseite</a>"+CloseLayer 
+OpenLayer+"<a href='links.htm' class='x'>Links</a>"+CloseLayer 
+OpenLayer+"<a href='disclaimer.htm' class='x'>Disclaimer</a>"+CloseLayer 
+OpenLayer+"<a href='impressum.htm' class='x'>Impressum</a>"+CloseLayer 
  

Links[1]=vs 
+OpenLayer+"<a href='http://www.diekleinschreiber.de/mich/gaestebuch.php4' class='x'>Gästebuch</a>"+CloseLayer 
+OpenLayer+"<a href='kontakte.htm' class='x'>Kontakt</a>"+CloseLayer 

  

Links[2]=vs 
+OpenLayer+"<a href='downloads.htm' class='x'>Download</a>"+CloseLayer 
+OpenLayer+"<a href='generatoren.htm' class='x'>Generatoren</a>"+CloseLayer 
+OpenLayer+"<a href='websitecheck.htm' class='x'>Website Check</a>"+CloseLayer 

Links[3]=vs 
+OpenLayer+"<a href='html.htm' class='x'>HTML Codes</a>"+CloseLayer 
+OpenLayer+"<a href='dhtml.htm' class='x'>DHTML Scripts</a>"+CloseLayer 
+OpenLayer+"<a href='js.htm' class='x'>Java Scripts</a>"+CloseLayer 


//!Ab hier nichts mehr ändern! 

w1=(MenuWidth+Separater)*Titles.length; 
w2=w/2; 
i1=w2-MenuWidth-Separater-w1/2; 
i2=w2-MenuWidth-Separater-w1/2; 
s1=MenuWidth+Separater; 
s2=MenuWidth+Separater; 
if (w1 > w2*2){i1=-MenuWidth;i2=-MenuWidth} 
vy=(n4)?'show':'visible'; 
vn=(n4)?'hide':'hidden'; 

//Don't mess about with N4, just use layers. 
if (n4){ 
for (i=0; i < Titles.length; i++){ 
document.write("<layer name='lnks"+i+"' top=0 left="+(i2+=s2)+" " 
+" width="+MenuWidth+" bgcolor="+HighLight+" visibility=hide" 
+" onMouseOver='this.visibility=vy; var cd=this.id.length-1; var ab=this.id.charAt(cd); H(ab)' " 
+" onMouseOut='this.visibility=vn; var ef=this.id.length-1; var gh=this.id.charAt(ef); B(gh)'>" 
+algn1+"<font face="+MenuFont+" size="+MenuFontSize+">" 
+" <br>"+Links[i]+"</font>"+algn2+"</layer>"); 
document.write("<layer name='ttls"+i+"' top=0 left="+(i1+=s1)+" height=0 " 
+"width="+MenuWidth+" bgcolor="+MenuBgColor+" " 
+"onMouseOver=\"this.bgColor=HighLight; var e=this.id.length-1; var d=this.id.charAt(e); On(d)\" " 
+"onMouseOut=\"this.bgColor=MenuBgColor; var e=this.id.length-1; var d=this.id.charAt(e); Off(d)\">" 
+algn1+"<font face="+MenuFont+" size="+MenuFontSize+" color="+MenuFontColor+">" 
+Titles[i]+"</font>"+algn2+"</layer>"); 
} 

function On(x){for (i=0; i < Titles.length; i++)document.layers['lnks'+x].visibility=vy} 
function Off(x){for (i=0; i < Titles.length; i++)document.layers['lnks'+x].visibility=vn} 
function B(y){for (i=0; i < Titles.length; i++)document.layers['ttls'+y].bgColor=MenuBgColor} 
function H(y){for (i=0; i < Titles.length; i++)document.layers['ttls'+y].bgColor=HighLight} 
} 
if (!n4){ 
for (i=0; i < Titles.length; i++){ 
document.write("<div id='lnks"+i+"' style='position:absolute;" 
+"top:0px;left:"+(i2+=s2)+"px;width:"+MenuWidth+"px;" 
+"background:"+HighLight+";visibility:hidden'" 
+" onMouseOver='this.style.visibility=vy; document.getElementById(\"ttls"+i+"\").style.background=HighLight';" 
+" onMouseOut='this.style.visibility=vn; document.getElementById(\"ttls"+i+"\").style.background=MenuBgColor'>" 
+algn1+Links[i]+algn2+"</div>"); 
document.write("<div id='ttls"+i+"' style='position:absolute;top:0px;left:"+(i1+=s1)+"px;height:auto;width:"+MenuWidth+"px;" 
+"background:"+MenuBgColor+";cursor:default'" 
+" onMouseOver='document.getElementById(\"lnks"+i+"\").style.visibility=vy;this.style.background=HighLight'" 
+" onMouseOut='document.getElementById(\"lnks"+i+"\").style.visibility=vn;this.style.background=MenuBgColor'>" 
+algn1+"<font face="+MenuFont+" size="+MenuFontSize+" color="+MenuFontColor+">"+Titles[i]+"</font>"+algn2+"</div>"); 
} 
} 

function Scroll(){ 
sy=(ie)?document.body.scrollTop:window.pageYOffset; 
for (i=0; i < Titles.length; i++){ 
if (n4){ 
 document.layers['ttls'+i].top=Separater+sy; 
 document.layers['lnks'+i].top=Separater+sy; 
 } 
else{ 
 document.getElementById("ttls"+i).style.top=Separater+sy; 
 document.getElementById("lnks"+i).style.top=Separater+sy; 
 } 
} 
setTimeout('Scroll()',150) 
} 
Scroll(); 
window.onresize=new Function("window.location.reload()"); 
  

if (!n4){ 
for (i=0; i < document.links.length; i++){ 
 if (document.links[i].href == this.window.location.href) 
  { 
  document.links[i].style.color=MenuBgColor; 
  document.links[i].style.cursor='crosshair'; 
  document.links[i].innerHTML+=' -'; 
  alert(i+' '+document.links[i].href); 
  break; 
  } 
 } 
} 
//--> 
  </script>
SCroll mal bitte dann weisst du was ich meine:-)
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>Hallo
</body>


</html>

Und sorry für den Langen Code aber kürzer gings nicht danke schonmal im Vorraus wenn ihr schon so was fertiges habt dann nur her damit danke!

Stoned eichel · 4. März 2004

Ok das Problem wurde schon gelösst ich danke Fatalus!
Ihr könnt den Thread löschen

Text mit scrollen mitlaufen

Stoned eichel

Mitglied

Stoned eichel

Mitglied

Neue Beiträge