Ein mehrzeiliger, in sich rotierender, drehender Text... schwer zu erklären... einfach mal ausprobieren!
Code
<SCRIPT>
/////////////////////////////////////////////////////////////////////////////
// code nach dieser linie ändern
/////////////////////////////////////////////////////////////////////////////
// hier deine nachricht. länge nach wunsch
var text=new Array()
text[0]=" >>>> IMAGE AND MORE"
text[1]=" >>>> KOSTENLOSES"
text[2]=" >>>> FÜR WEBMASTER"
text[3]=" >>>> BESUCHT AUCH"
text[4]=" >>>> MORE4DESIGN &"
text[5]=" >>>> DIE-DESIGNAGENTUR"
// schriftart hier
var textfont="Arial"
// schirftgröße hier
var textfontsize=32
// schriftfarbe hier
var textfontcolor="#3E67A4"
// schriftstärke hier (von 100 bis 900)
var textweight="900"
/////////////////////////////////////////////////////////////////////////////
// nichts mehr ändern ab hier !
/////////////////////////////////////////////////////////////////////////////
var textitalic="0"
var message=new Array()
var x_textposition=0
var y_textposition=0
var i_segments=Math.round(360/text.length)
var i_grad=0
var grad=0
var colorrgbred
var colorrgbgreen
var colorrgbblue
var windowwidth
var windowheight
var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0
var ie=document.all?1:0
if (textweight=="bold") {textweight=900}
if (textweight=="normal") {textweight=100}
if (textitalic=="italic") {textitalic=1}
if (textitalic=="normal") {textitalic=0}
for (i=0;i<=text.length-1;i++) {
message[i]=text[i].replace(/'/g,"`")
}
translateintorgb()
function translateintorgb() {
var hexanewred=textfontcolor.substring(1,3)
var hexanewgreen=textfontcolor.substring(3,5)
var hexanewblue=textfontcolor.substring(5,7)
colorrgbred=parseInt("0x"+hexanewred)
colorrgbgreen=parseInt("0x"+hexanewgreen)
colorrgbblue=parseInt("0x"+hexanewblue)
}
function initiate() {
windowheight=parseInt(document.body.clientHeight)/2
windowwidth=parseInt(document.body.clientWidth)-40
for (i=0;i<text.length;i++) {
var thisspan=eval("document.all.rotationstyle"+i)
thisspan.style.posLeft=20
thisspan.style.posTop=0
}
settexts()
}
function settexts() {
for (i=0;i<text.length;i++) {
var thisid="rotationobj"+i
var thisspan=eval("rotationstyle"+i)
thisspan.innerHTML=
'<OBJECT ID="'+thisid+'" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6" STYLE="position:relative;width:'+windowwidth+'px;height:'+2*windowheight+'px">'+
'<PARAM NAME="Line0001" VALUE="SetLineStyle(0)">'+
'<PARAM NAME="Line0002" VALUE="SetLineColor(0,0,0)">'+
'<PARAM NAME="Line0003" VALUE="SetFillColor('+colorrgbred+','+colorrgbgreen+','+colorrgbblue+')">'+
'<PARAM NAME="Line0004" VALUE="SetFont(\''+textfont+'\', '+textfontsize+', '+textweight+', '+textitalic+', 0, 0)">'+
'<PARAM NAME="Line0005" VALUE="Text(\''+message[i]+'\',0, 2, 0)">'+
'</OBJECT>'
}
for (i=0;i<text.length;i++) {
var thisobj=eval("rotationobj"+i)
thisobj.Rotate(0,i_grad,0)
i_grad+=i_segments
}
startscroll()
}
function startscroll() {
for (i=0;i<text.length;i++) {
var thisobj=eval("rotationobj"+i)
thisobj.Rotate(1,2,0)
}
timer=setTimeout("startscroll()",20)
}
if (ie) {
for (i=0;i<text.length;i++) {
var thisid="rotationstyle"+i
var thisobjid="rotationobj"+i
document.write("<SPAN ID='"+thisid+"' STYLE='position:absolute'>")
document.write("<OBJECT ID='"+thisobjid+"' CLASSID='CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6'>")
document.write("</OBJECT>")
document.write("</SPAN>")
onload=initiate
}
}
</SCRIPT>
Alles anzeigen