<body>
<!-- Breedte en hoogte tabel moeten gelijk zijn aan breedte en hoogte van de tekst. -->
<table width=700 height=60 border=0 cellpadding=0 cellspacing=0>
<tr><td align="center">
<script language="JavaScript" type="text/javascript">
var texttarget
=new Array()
<!--De teksten -->
text[0]="Allegro"
text[1]="Is dit wat je zoekt??"
text[2]="Of niet??"
text[3]="Er staat ook boven de objecten"
text[4]="Om het maar zo te noemen"
text[5]="wat het is en wat het doet"
<!-- Eventuele links -->
textlink[0]="#"
textlink[1]="#"
textlink[2]="#"
textlink[3]="#"
textlink[4]="#"
textlink[5]="#"
<!-- Targetnaam bij frames -->
texttarget[0]="_self"
texttarget[1]="_self"
texttarget[2]="_self"
texttarget[3]="_self"
texttarget[4]="_self"
texttarget[5]="_self"
var textfont="Arial Black" // lettertype
var textfontcolor
=new Array("#FF0000","#0000FF","#00FF00","#660000") // tekstkleuren var outlinecolor
=new Array("#000000","#000000","#FDCF15","#996600") // tekstrandkleuren var shadowcolor
=new Array("#FFFF00","#00FFFF","#FDCF15","#3300FF") // tekstschaduwkleuren var textfontcolorrollover="#ff0000" // tekst rollover-kleur
var textfontsize=10 // tekstgrootte
var textbgcolor="#FFFF00" // tekstachtergrondkleur
var textweight="normal" // 'bold' of 'normal'
var textitalic="normal" // 'italic' of 'normal'
var textwidth=700 // identiek aan tabelbreedte!
var textheight=60 // identiek aan tabelhoogte!
var textpause=4 // pauze in seconden
var tekstdoosborder=3 // randdikte
var tekstdoosbordercolor="#996600" // randkleur
var widthfontoutline=1 // dikte letterrand
var fontopacity="50%" // transparantie tekst
var shadowopacity="50%" // transparantie schaduw
var applygradient=true // 'true' of 'false'
var i_shape=4 // waarden 0-3,4 = alle vormen
// *********************Hieronder niets wijzigen***************************
path[0]="m20 0c300 140,300 50,580, 0m20 300c400 100,300 250,580 300e"
path[1]="m20 100c300 -50,300 50,580, 100m20 200c300 400,300 300,580 200e"
path[2]="m20 120c300 100,300 50,580, 0m20 180c300 180,300 300,580 300e"
path[3]="m20 0c300 140,300 50,580, 0m150 300c400 100,300 250,450 300e"
var i_path=0
var speed=60
var textdecoration="none"
var innerwidth
=Math
.floor(0.90*textwidth
) var innerheight
=Math
.floor(0.90*textheight
)
var posleft
=Math
.floor((textwidth
-innerwidth
)/2-tekstdoosborder
) var postop
=Math
.floor((textheight
-innerheight
)/2)
var i_message=0
var i_messagelength=0
var i_outlinecolor=0
var i_textfontcolor=0
var i_shadowcolor=0
var textalign="center"
var textvalign="middle"
var textitalicA=""
var textitalicB=""
var textweightA=""
var textweightB=""
var textfontsizeHTML=1
var i_mes=0
var i_substring=0
var i_presubstring=0
var i_text=0
var textcontent=""
var notag=true
var textpresubstring=""
var textaftersubstring=""
textpause*=1000
var browserinfos=navigator.userAgent
var ie4=!document.getElementById&&document.all&&!browserinfos.match(/Opera/)
var ie5=document.getElementById&&document.all&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all&&!browserinfos.match(/Opera/)
var opera=browserinfos.match(/Opera/)
function gettextcontent() {
tablewidth=textwidth-2*tekstdoosborder
tableheight=textheight-2*tekstdoosborder
textpresubstring=text[i_text].substring(0,i_presubstring)
var i_prepre=i_presubstring-1
if (i_prepre<0) {i_prepre=0}
if (text[i_text].substring(i_prepre,i_presubstring)=="<"){notag=false}
if (text[i_text].substring(i_prepre,i_presubstring)==">"){notag=true}
if (notag) {
textcontent="<table border=0 cellpadding=4 width="+tablewidth+" height="+tableheight+"><tr valign="+textvalign+"><td align="+textalign+">"
textcontent+="<a href='"+textlink[i_text]+"' target='"+texttarget[i_text]+"' style='position:relative; font-family:"+textfont+";text-decoration:"+textdecoration+";font-family:"+textfont+";color:"+textfontcolor[i_textfontcolor]+";font-size:"+textfontsize+"pt;font-weight:"+textweight+";font-style:"+textitalic+"' onMouseOver=\"this.style.color=\'"+textfontcolorrollover+"\'\" onMouseOut=\"this.style.color=\'"+textfontcolor[i_textfontcolor]+"\'\">"
textcontent+=textpresubstring
textcontent+="</a>"
textcontent+="</td></tr></table>"
}
}
function showtickerNS6() {
textcontent="<table border=0 cellpadding=4 width="+textwidth+" height="+textheight+"><tr valign="+textvalign+"><td align="+textalign+">"
textcontent+="<a href='"+textlink[i_text]+"' target='"+texttarget[i_text]+"' style='position:relative; font-family:"+textfont+";text-decoration:"+textdecoration+";font-family:"+textfont+";color:"+textfontcolor[i_textfontcolor]+";font-size:"+textfontsize+"pt;font-weight:"+textweight+";font-style:"+textitalic+"' onMouseOver=\"this.style.color=\'"+textfontcolorrollover+"\'\" onMouseOut=\"this.style.color=\'"+textfontcolor[i_textfontcolor]+"\'\">"
textcontent+=text[i_text]
textcontent+="</a>"
textcontent+="</td></tr></table>"
document.getElementById("ticker").innerHTML=textcontent
i_text++
i_textfontcolor++
if (i_text>=text.length) {i_text=0}
if (i_textfontcolor>=textfontcolor.length-1) {i_textfontcolor=0}
var timer=setTimeout("showtickerNS6()", textpause)
}
function showticker() {
if (i_substring<=text[i_text].length) {
i_substring++
i_presubstring=i_substring-1
if (i_presubstring<0) {i_presubstring=0}
gettextcontent()
if (opera) {
document.getElementById("ticker").innerHTML=textcontent
var timer=setTimeout("showticker()", speed)
}
}
else {
clearTimeout(timer)
var timer=setTimeout("changetext()", textpause)
}
}
function changetext() {
i_substring=0
i_presubstring=0
i_text++
i_textfontcolor++
i_path++
if (i_text>text.length-1) {i_text=0}
if (i_textfontcolor>textfontcolor.length-1) {i_textfontcolor=0}
showticker()
}
function changeform() {
if (i_outlinecolor >= outlinecolor.length) {i_outlinecolor=0}
if (i_textfontcolor >= textfontcolor.length) {i_textfontcolor=0}
if (i_shadowcolor >= shadowcolor.length) {i_shadowcolor=0}
if (i_path>path.length-1) {i_path=0}
document.getElementById('strokeid').color=outlinecolor[i_outlinecolor]
document.getElementById('fillid').color=textfontcolor[i_textfontcolor]
document.getElementById('shadowid').color=shadowcolor[i_shadowcolor]
if (i_shape==path.length) {
document.getElementById('shapeid').path=path[i_path]
}
if (i_message < text.length) {
tick()
}
else {i_message=0;tick()}
}
function tick() {
if (i_messagelength <= text[i_message].length) {
var messagestringend=""
var messagestring=text[i_message].substring(0, i_messagelength)+messagestringend
document.getElementById('textpathid').string=messagestring
var timer=setTimeout("tick()",speed)
i_messagelength++
}
else {
clearTimeout(timer)
var timer=setTimeout("prechangeform()",textpause)
}
}
function prechangeform() {
i_messagelength=0
i_message++
i_outlinecolor++
i_textfontcolor++
i_shadowcolor++
i_path++
changeform()
}
function openlink() {
if (texttarget[i_message]=="_blank") {
codepopup=window.open(textlink[i_message], "code", "status=yes,location=yes,toolbar=yes,menubar=yes,resizable=yes,scrollbars=yes,width=770,height=460,top=10,left=10");
}
else if (texttarget[i_message]=="_top") {
top.location.href=textlink[i_text]
}
else if (texttarget[i_message]=="_parent") {
parent.location.href=textlink[i_text]
}
else if (texttarget[i_message]=="_self") {
document.location.href=textlink[i_text]
}
else {
var jumpto
=eval("parent."+texttarget
[i_text
]) jumpto.location.href=textlink[i_text]
}
}
if (ie5) {
document.write('<div ID="roof" style="position:relative;width:'+textwidth+'px;height:'+textheight+'px;border-style:solid;border-width:'+tekstdoosborder+'px;border-color:'+tekstdoosbordercolor+';background-color:'+textbgcolor+';cursor:hand" onClick="openlink()">')
document.write('<v:shapetype id="shapeid" coordsize="600,320" path="'+path[i_shape]+'">')
document.write('<v:path textpathok="t"/>')
document.write('<v:textpath on="t" fitshape="t" xscale="t"/>')
document.write('</v:shapetype>')
document.write('<v:shape type="#shapeid" style="position:absolute; top:3px; left:'+posleft+'px; width:'+innerwidth+'px;height:'+innerheight+'px;" strokeweight="1pt">')
if (applygradient) {
document.write('<v:fill id="fillid" method="linear sigma" type="gradient" color="'+textfontcolor[i_textfontcolor]+'" opacity="'+fontopacity+'"/>')
}
else {
document.write('<v:fill id="fillid" color="'+textfontcolor[i_textfontcolor]+'" opacity="'+fontopacity+'"/>')
}
document.write('<v:stroke id="strokeid" weight="'+widthfontoutline+'pt" color="'+outlinecolor[i_outlinecolor]+'"/>')
document.write('<v:shadow on="t" id="shadowid" opacity="'+shadowopacity+'" color="'+shadowcolor[i_shadowcolor]+'"/>')
document.write('<v:textpath id="textpathid" style="font-family:\''+textfont+'\';v-text-kern:t" trim="t" fitpath="t" xscale="f" string="Hello World"/>')
document.write('</v:shape>')
document.write('</div>')
}
if (ns6 || opera) {
if (ns6) {
textwidth-=2*tekstdoosborder
textheight-=2*tekstdoosborder
}
document.write('<div ID="roof" style="position:relative;width:'+textwidth+'px;height:'+textheight+'px;border-style:solid;border-width:'+tekstdoosborder+'px;border-color:'+tekstdoosbordercolor+';background-color:'+textbgcolor+'">')
document.write('<span ID="ticker" style="position:absolute;top:0px;left:0px;width:'+innerwidth+'px;height:'+innerheight+'px;"></span>')
document.write('</div>')
}
if (ie5) {window.onload=changeform}
if (opera) {window.onload=showticker}
if (ns6) {window.onload=showtickerNS6}
</script>
</td></tr></table>
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
Gesponsorde links
Actiefste leden van de maand
