Hallo Freunde,
ich bin ein absoluter NOOB was HTML & JS angeht. Trotzdem möchte ich eine art NewsTicker erstellen, bisher habe ich diesen CodeSnippet verwendet:
<script language="JavaScript1.2" type="text/javascript">
//<![CDATA[
<!--
var line=new Array()
line[1]="News1"
line[2]="News2"
line[3]="News3"
line[4]="News4"
var ts_fontsize="18px"
var longestmessage=1
for (i=2;i<line.length;i++){
if (line.length>line[longestmessage].length)
longestmessage=i
}
var tscroller_width=line[longestmessage].length
lines=line.length-1 //--Number of lines
if (document.all||document.getElementById){
document.write('<form name="bannerform">')
document.write('<input type="text" name="banner" size="'+tscroller_width+'"')
document.write(' style="background-color: transparent; '+document.bgColor+'; color: '+document.body.text+'; font-family: arial; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">')
document.write('<\/form>')
}
temp=""
nextchar=-1;
nextline=1;
cursor="\\"
function animate(){
if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){
nextline++;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",3000)}
else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){
nextline=1;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",3000)}
else{
nextstep()}}
function nextstep(){
if (cursor=="\\"){
cursor="|"}
else if (cursor=="|"){
cursor="/"}
else if (cursor=="/"){
cursor="-"}
else if (cursor=="-"){
cursor="\\"}
nextchar++;
temp+=line[nextline].charAt(nextchar);
document.bannerform.banner.value=temp+cursor
setTimeout("animate()",35)}
//if IE 4+ or NS6
if (document.all||document.getElementById)
window.onload=animate
// -->
//]]>
</script>
Funktioniert auch gut nur habe ich keinen Plan wie man die Geschichte grafisch ansprechender macht
Schriftgröße und Farbe weiß ich zu ändern, allerdings würde ich gerne irgendwelche Effecte noch einbauen. Vielleicht hat mir einer ja ein paar Tipps....
Beste Grüße
Jamal
ich bin ein absoluter NOOB was HTML & JS angeht. Trotzdem möchte ich eine art NewsTicker erstellen, bisher habe ich diesen CodeSnippet verwendet:
<script language="JavaScript1.2" type="text/javascript">
//<![CDATA[
<!--
var line=new Array()
line[1]="News1"
line[2]="News2"
line[3]="News3"
line[4]="News4"
var ts_fontsize="18px"
var longestmessage=1
for (i=2;i<line.length;i++){
if (line.length>line[longestmessage].length)
longestmessage=i
}
var tscroller_width=line[longestmessage].length
lines=line.length-1 //--Number of lines
if (document.all||document.getElementById){
document.write('<form name="bannerform">')
document.write('<input type="text" name="banner" size="'+tscroller_width+'"')
document.write(' style="background-color: transparent; '+document.bgColor+'; color: '+document.body.text+'; font-family: arial; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">')
document.write('<\/form>')
}
temp=""
nextchar=-1;
nextline=1;
cursor="\\"
function animate(){
if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){
nextline++;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",3000)}
else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){
nextline=1;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",3000)}
else{
nextstep()}}
function nextstep(){
if (cursor=="\\"){
cursor="|"}
else if (cursor=="|"){
cursor="/"}
else if (cursor=="/"){
cursor="-"}
else if (cursor=="-"){
cursor="\\"}
nextchar++;
temp+=line[nextline].charAt(nextchar);
document.bannerform.banner.value=temp+cursor
setTimeout("animate()",35)}
//if IE 4+ or NS6
if (document.all||document.getElementById)
window.onload=animate
// -->
//]]>
</script>
Funktioniert auch gut nur habe ich keinen Plan wie man die Geschichte grafisch ansprechender macht
Schriftgröße und Farbe weiß ich zu ändern, allerdings würde ich gerne irgendwelche Effecte noch einbauen. Vielleicht hat mir einer ja ein paar Tipps....
Beste Grüße
Jamal
