Newsticker mit Schnee

Moderator: HTML-Laie

Antworten
Benutzeravatar
Hape
Administrator
Beiträge: 336
Registriert: Fr 22. Mai 2020, 00:33

Newsticker mit Schnee

Beitrag von Hape »

Code: Alles auswählen

<center>
<!-- Script-Anfang -->
<!-- www-java24.net - DIE Javascript - Ressource -->

<!--  Diesen Code musst Du in den -body- einbauen -->
<script>
// CREDITS:
// Headline Fader with snow-effect
// By Peter Gehrig
// Copyright (c) 2003 Peter Gehrig. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.com
// info@24fun.com
// 11/27/2003

// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a highly visible link to
// http://www.24fun.com on the webpage
// where this script will be featured

// Type the messages into the text-Array. Add as many as you like.
  var text=new Array("Hallo, vielen Dank f&uuml;r Deinen Besuch bei Hapes-Javascript-Demo-Page.", "http://hapes-javascript-demo-page.de.to", "Fr&ouml;hliche Weihnachten und einen guten Rutsch ins neue Jahr", "Bitte schau mal wieder vorbei.")

// Type a link for each message. If you don't want to add a link add a "#" instead
var textlink=new Array("http://hapes-javascript-demo-page.de.to","http://hapes-forum.forumprofi.de","http://ha&uuml;es-baustelle.npage.de","http://www.nPage.de")

// Type the target-window for each link. Acceepted values are "_blank", "_top",
// "_parent" or the name of any frame
var texttarget=new Array("_top","_top","_top","_top")

// Set the font for the headline-fader
var textfont="Arial"

// Set the font-color for the headline-fader (hexadecimal triplet values recommended)
var textfontcolor="#AAAAFF"

// Set the rollover-color for the headline-fader (hexadecimal triplet values recommended)
var textfontcolorrollover="#ffff00"

// Set the font-size for the headline-fader (points)
var textfontsize=11

// Set the background-color for the headline-fader (hexadecimal triplet values recommended)
var textbgcolor="#000000"

// Set the width of the headline-fader (pixels)
var textwidth=180

// Set the height of the headline-fader (pixels)
var textheight=120

// Set the pause between the messages (seconds)
var textpause=2

// Set the borderwidth (pixels)
var textborder=3

// Set the border-color (hexadecimal triplet values recommended)
var textbordercolor="#AAAAFF"

// Set the horizontal text-position. Allowed values are "center" or "left" or "right"
var textalign="center"

// Set the vertical text-position. Allowed values are "middle" or "top" or "bottom"
var textvalign="middle"

// Set the number of snowflakes (more than 20 - 30 not recommended)
var snowmax=20

// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")

// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")

// Set the letter that creates your snowflake (recommended:*)
var snowletter="*"

// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.6

// Set the maximal-size of your snowflaxes (points)
var snowmaxsize=16

// Set the minimal-size of your snowflaxes (points)
var snowminsize=8

// Set font-style. Acceptable values are "normal" or "italic"
var textitalic="normal"

// Set font-weight. Acceptable values are "normal" or "bold"
var textweight="bold"

// do not edit below this line
var textdecoration="none"
var transparency=100
var transparencystep=5
var x_pos=0
var y_pos=0
var i_text=0
if (textitalic=="italic") {var textitalicA="<i>"; var textitalicB="</i>"}
else {var textitalicA="<i>"; var textitalicB="</i>"}
if (textweight=="bold") {var textweightA="<b>"; var textweightB="</b>"}
else {var textweightA=""; var textweightB=""}
var textweightA="<b>"
var textweightB="</b>"
var tickercontent
var pausefade=40
var oneloopfinished=false
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var textfontsizeHTML=Math.floor(textfontsize/4)
textpause*=1000

if (textfontsizeHTML<1) {textfontsizeHTML=1}
if (textfontsizeHTML>=7) {textfontsizeHTML=7}

var browserinfos=navigator.userAgent
var ns4=document.layers
var ns6=document.getElementById&&!document.all&&!browserinfos.match(/Opera/)
var ie=document.all&&!browserinfos.match(/Opera/)
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var opera=browserinfos.match(/Opera/)

function changecontent() {
  getcontent()
  i_text++
  if (i_text>=text.length) {i_text=0}
  if (ie) {
    ticker.innerHTML=content
    fadein()
  }
  if (ns6) {
    document.getElementById('ticker').innerHTML=content
    fadein()
  }
  if (opera) {
    document.getElementById('ticker').innerHTML=content
    var texttimer=setTimeout("changecontent()",textpause*1.5)
  }
  if (ns4) {
    document.roof.document.ticker.document.write(content)
    document.roof.document.ticker.document.close()
    var texttimer=setTimeout("changecontent()",textpause)
  }
}

function fadein() {
  if (transparency<100){
    transparency+=transparencystep
    if (ie) {
      document.all.ticker.filters.alpha.opacity=transparency
    }
    if (ns6) {
      document.getElementById('ticker').style.MozOpacity=transparency/100
    }
    var fadetimer=setTimeout("fadein()",pausefade)
  }
  else {
    clearTimeout(fadetimer)
    setTimeout("fadeout()",textpause)
  }
}

function fadeout() {
  if (transparency>0){
    transparency-=transparencystep
    if (ie) {
      document.all.ticker.filters.alpha.opacity=transparency
    }
    if (ns6) {
      document.getElementById('ticker').style.MozOpacity=transparency/100
    }
    var fadetimer=setTimeout("fadeout()",pausefade)
  }
  else {
    clearTimeout(fadetimer)
    setTimeout("changecontent()",1000)
  }
}

getcontent()
function getcontent() {
  if (ie) {
    var tablewidth=textwidth-2*textborder
    var tableheight=textheight-2*textborder
  }
  else {
    var tablewidth=textwidth
    var tableheight=textheight
  }
  if (ie || ns6 || opera) {
    var padding=parseInt(textborder)+3
    content="<table width="+tablewidth+" height="+tableheight+" cellpadding="+padding+" cellspacing=0 border=0><tr valign="+textvalign+"><td align="+textalign+">"
    content+="<a href=\""+textlink[i_text]+"\" target=\""+texttarget[i_text]+"\" style=\"position:relative;font-family:\'"+textfont+"\';font-size:"+textfontsize+"pt;font-weight:"+textweight+";text-decoration:"+textdecoration+";color:"+textfontcolor+";font-style:"+textitalic+";\" onMouseOver=\"this.style.color=\'"+textfontcolorrollover+"\'\" onMouseOut=\"this.style.color=\'"+textfontcolor+"\'\">"
    content+=text[i_text]
    content+="</a></td></tr></table>"
  }
  else {
    content="<table width="+tablewidth+" height="+tableheight+" cellpadding="+textborder+" cellspacing=0><tr valign="+textvalign+"><td align="+textalign+">"
    content+="<a href=\""+textlink[i_text]+"\" target=\""+texttarget[i_text]+"\" style=\"position:relative;font-family:\'"+textfont+"\';font-size:"+textfontsize+"pt;font-weight:"+textweight+";text-decoration:"+textdecoration+";color:"+textfontcolor+";font-style:"+textitalic+";\">"
    content+=text[i_text]
    content+="</a></td></tr></table>"

    framecontent="<table width="+tablewidth+" height="+tableheight+" cellpadding=0 cellspacing=0 border="+textborder+"><tr><td>"
    framecontent+="<font color=\""+textbgcolor+"\">"
    framecontent+="."
    framecontent+="</font>"
    framecontent+="</td></tr></table>"
  }
}

function randommaker(range) {
  rand=Math.floor(range*Math.random())
    return rand
}

function initsnow() {
  marginbottom = textheight
  marginright = textwidth
  var snowsizerange=snowmaxsize-snowminsize
  for (i=0;i<=snowmax;i++) {
    crds[i] = 0;
      lftrght[i] = Math.random()*15;
      x_mv[i] = 0.03 + Math.random()/10;
    snow[i]=document.getElementById("s"+i)
    snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
    snow[i].size=randommaker(snowsizerange)+snowminsize
    snow[i].style.fontSize=snow[i].size
    snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
    snow[i].sink=sinkspeed*snow[i].size/5
    snow[i].posx=randommaker(marginright-snow[i].size)
    snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
    snow[i].style.left=snow[i].posx
    snow[i].style.top=snow[i].posy
  }
  movesnow();changecontent()
}

function movesnow() {
  for (i=0;i<=snowmax;i++) {
    crds[i] += x_mv[i];
    snow[i].posy+=snow[i].sink
    snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
    snow[i].style.top=snow[i].posy

    if (snow[i].posy>=marginbottom || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
      snow[i].posx=randommaker(marginright-snow[i].size)
      snow[i].posy=0
    }
  }
  var timer=setTimeout("movesnow()",50)
}

if (ie || ns6 || opera) {
  if (ns6) {
    textwidth-=2*textborder
    textheight-=2*textborder
  }
  document.write("<table border=0 cellpadding=0 cellspacing=0><tr><td width="+textwidth+" height="+textheight+" valign=top>")
  document.write("<div id=\"roof\" style=\"position:relative;width:"+textwidth+"px;height:"+textheight+"px;font-family:\'"+textfont+"\';border-style:solid;border-color:"+textbordercolor+";border-width:"+textborder+"px;background-color:"+textbgcolor+";overflow:hidden\">")

  document.write("<div id=\"ticker\" style=\"position:absolute;top:"+-textborder+"px;left:"+-textborder+"px;width:"+textwidth+"px;height:"+textheight+"px;font-family:\'"+textfont+"\';font-size:"+textfontsize+"pt;font-weight:"+textweight+";font-style:"+textitalic+";border-style:solid;border-color:"+textbordercolor+";border-width:"+textborder+"px;background-color:"+textbgcolor+";overflow:hidden\;filter:alpha(opacity=100)\">")
  document.write("</div>")
  for (i=0;i<=snowmax;i++) {
  document.write("<div id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</div>")
  }
  document.write("</div>")
  document.write("</td></tr></table>")
  window.onload=initsnow
}

else if (ns4) {
    document.write("<table border=0 cellpadding=0 cellspacing=0><tr><td width="+textwidth+" height="+textheight+" valign=top>")
  document.write("<ilayer name=\"roof\" width="+textwidth+" height="+textheight+">")
    document.write("<layer name=\"tickerframe\" width="+textwidth+" height="+textheight+" top=0 left=0 bgcolor="+textbgcolor+">")
    document.write(framecontent)
    document.write("</layer>")
    document.write("<layer name=\"ticker\" width="+textwidth+" height="+textheight+" top=0 left=0>")
    document.write()
    document.write("</layer>")
    document.write("</ilayer>")
    document.write("</td></tr></table>")
  window.onload=changecontent
}
</script>
  </center>
Testseite hierzu: https://hapes-javascript-demo-page.hpag ... chnee.html

Antworten