BACKGROUND-TICKER(2)

Moderator: HTML-Laie

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

BACKGROUND-TICKER(2)

Beitrag von Hape »

Hier noch ein Script das einen Newsticker im Hintergrund darstellt.

Code: Alles auswählen

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

<!--  Diesen Code musst Du in den -body- einbauen -->
<script>
// CREDITS:
// Fullpage Background-Ticker 2.1 by Peter Gehrig
// Copyright (c) 2004 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
// 1/8/2004

// IMPORTANT:
// If you add this script to a script-library or a script-archive
// you have to insert a link to http://www.24fun.com right into the webpage where the script
// will be displayed.

// Set your messages. You may add as many messages as you like.
var message=new Array()
message[0]="java24.net: DIE Javascript-Ressource."
message[1]="java24.net: über 950 Scripte und Applets"
message[2]="java24.net: über 1.800 Auflage beim Newsletter."

// Set font-family of the text
var fnt="Arial"

// Set font-size of the text (CSS-values)
var fntsize=64

// Set font-color of the text
var fntcolor="#CCCCCC"

// Set font-color of the last letter of the ticker
var fntcolorlastletter="#666666"

// Set font-weight. Set a value between 1 to 9 to adjust the boldness
var fntweight=7

// Set standstill between the messages (seconds)
var standstill=2

// Set speed (higher=slower)
var speed=80

// the top-position of the ticker (distance to the border on top, pixels)
var topposition=50

// the left-position of the ticker (distance to the border on the left, pixels)
var leftposition=20

// Do not edit the variables below
var tickerwidth
var tickerheight
var i_substring=0
var i_presubstring=0
var i_message=0
var messagecontent=""
var messagebackground=""
var messagepresubstring=""
var messageaftersubstring=""
fntweight=fntweight*100
standstill*=1000

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

for (i=0;i<=message.length-1;i++) {
        message[i]=message[i]+" "
}

function initiateticker() {
        if (ie4) {
                tickerheight=document.body.clientHeight-5
            tickerwidth=document.body.clientWidth-5
                document.all.ticker.style.posLeft=leftposition
                document.all.ticker.style.posTop=topposition
                showticker()
        }
        if (ie5 || opera) {
                tickerheight=document.body.clientHeight-5
            tickerwidth=document.body.clientWidth-5
                document.getElementById('ticker').style.left=leftposition
                document.getElementById('ticker').style.top=topposition
                showticker()
        }
        if (ns4) {
                tickerheight=window.innerHeight-10
            tickerwidth=window.innerWidth-10
                document.ticker.left=leftposition
                document.ticker.top=topposition
                showticker()
        }
        if (ns6) {
                tickerheight=window.innerHeight-10
            tickerwidth=window.innerWidth-10
                document.getElementById('ticker').style.left=leftposition
                document.getElementById('ticker').style.top=topposition
                getmessagecontentNS6()
        }
}

function getmessagecontent() {
        messagepresubstring=message[i_message].substring(0,i_presubstring)
        messageaftersubstring=message[i_message].substring(i_presubstring,i_substring)
        messagecontent="<table border=0 width="+tickerwidth+" height="+tickerheight+"><tr><td valign=top>"
        messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsize+"pt;font-weight:"+fntweight+"'>"
        messagecontent+="<font color='"+fntcolor+"'>"
        messagecontent+=messagepresubstring
        messagecontent+="</font>"
        messagecontent+="</span>"
        messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsize+"pt;font-weight:900'>"
        messagecontent+="<font color='"+fntcolorlastletter+"'>"
        messagecontent+=messageaftersubstring
        messagecontent+="</font>"
        messagecontent+="</span>"
        messagecontent+="</td></tr></table>"
}

function getmessagecontentNS6() {
        messagecontent="<table border=0 width="+tickerwidth+" height="+tickerheight+"><tr><td valign=top>"
        messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsize+"pt;font-weight:"+fntweight+"'>"
        messagecontent+="<font color='"+fntcolor+"'>"
        messagecontent+=message[i_message]
        messagecontent+="</font>"
        messagecontent+="</span>"
        messagecontent+="</td></tr></table>"
        showtickerNS6()
}

function showticker() {
        if (i_substring<=message[i_message].length-1) {
                        i_substring++
                        i_presubstring=i_substring-1
                        if (i_presubstring<0) {i_presubstring00}
                        getmessagecontent()
                if (ie4) {
                        ticker.innerHTML=messagecontent
                        var timer=setTimeout("showticker()", speed)
                }
                if (ie5 || opera) {
                        document.getElementById('ticker').innerHTML=messagecontent
                        var timer=setTimeout("showticker()", speed)
                }

                if (ns4) {
                        document.ticker.document.write(messagecontent)
                        document.ticker.document.close()
                        var timer=setTimeout("showticker()", speed)
                }
        }
        else {
                clearTimeout(timer)
                var timer=setTimeout("changemessage()", standstill)
        }
}

function showtickerNS6() {
        document.getElementById('ticker').innerHTML=messagecontent
        i_message++
        if (i_message>message.length-1) {i_message=0}
        var timer=setTimeout("getmessagecontentNS6()", 2*standstill)
}

function changemessage() {
        i_substring=0
        i_presubstring=0
        i_message++
        if (i_message>message.length-1) {
                i_message=0
        }
        showticker()
}
if (browserok) {window.onload=initiateticker}
  </script>
<div id="ticker" style="position:absolute"></div>
<div id="do_not_delete_this" style="position:absolute">
<center>
      <font face="Arial" size="2" color="#808000"><br>
      Ein MUSS fürr jeden engagierten Webmaster<br>
      <br>
      Über 900 Scripten helfen Dir beim aufpeppen<br>
      Deiner Homepage.<br>
      Hier bleibt kaum ein Wunsch offen.<br>
      <br>
      Der Newsletter, den bereits über 1.800 User<br>
      14tägig empfangen, bringt außer Neuheiten auch<br>
      wertvolle Tipps und Tricks zur Homepage-Gestaltung.<br>
      <br>
      java24.net - DIE Javascript-Ressource<br>
      Mit über 900 Scripten und Applets eine der größten<br>
      deutschsprachigen Webseiten, die sich mit Java beschäftigen.<br>
</font>
  </center>
</div>
<!-- Script-Ende -->
<!-- www-java24.net - DIE Javascript - Ressource -->
Demoseite hier: Background-Ticker(2)

Antworten