Version complète: jsB@nk » Texte » Animation » Fun Ticker
URL: https://www.javascriptbank.com/fun-ticker.html
Fun Ticker allie look 3D et de bandes dessinées de style afin d'afficher vos messages. Ajoutez autant de messages que vous le souhaitez. Chaque message peuvent être liés. Facile de configuration des messages, font-attributs, les formes, les ombres, la transparence, la taille, la vitesse et beaucoup plus.
Version complète: jsB@nk » Texte » Animation » Fun Ticker
URL: https://www.javascriptbank.com/fun-ticker.html
<style>v\:* { behavior: url(#default#VML); }</style><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><table width=200 height=200 border=0 cellpadding=0 cellspacing=0><tr><td><SCRIPT>var text=new Array()var textlink=new Array()var texttarget=new Array()/////////////////////////////////////////////////////////////////////// EDITZONE STARTS HERE////////////////////////////////////////////////////////////////////// Add your messages. They should be rather short. // They should have the same length more or less.text[0]="HIIIIIII"text[1]="DO YOU"text[2]="LOVE"text[3]="COOL"text[4]="SCRIPTS?"text[5]="GREAT!"text[6]="YEAAAAH!"text[7]="THAT"text[8]="MAKES ME"text[9]="HAPPY!"// Add a link for each message// If you don't want to link a message enter "#" instead (see sample below)textlink[0]="http://www.JavaScriptBank.com"textlink[1]="http://www.JavaScriptBank.com"textlink[2]="http://www.JavaScriptBank.com"textlink[3]="http://www.JavaScriptBank.com"textlink[4]="http://www.JavaScriptBank.com"textlink[5]="http://www.JavaScriptBank.com"textlink[6]="http://www.JavaScriptBank.com"textlink[7]="http://www.JavaScriptBank.com"textlink[8]="http://www.JavaScriptBank.com"textlink[9]="http://www.JavaScriptBank.com"// Add a target-window for each link// Possible values: "_blank","_top", "_self", "_parent" or the name of a frametexttarget[0]="_blank"texttarget[1]="_top"texttarget[2]="_parent"texttarget[3]="_self"texttarget[4]="_blank"texttarget[5]="_top"texttarget[6]="_parent"texttarget[7]="_self"texttarget[8]="_self"texttarget[9]="_self"// Set the fontvar textfont="Arial Black"// Add as many font-colors as you likevar textfontcolor=new Array("#FF0000","#0000FF","#00FF00","#660000")// Add as many font-outline-colors as you likevar outlinecolor=new Array("#000000","#000000","#FDCF15")// Add as many font-shadow-colors as you likevar shadowcolor=new Array("#FFFF00","#00FFFF","#FDCF15")// Set the font-rollovercolor (required for Netscape and Opera only)var textfontcolorrollover="#ff0000"// Set the font-size (required for Netscape and Opera only)var textfontsize=20// Set the background-colorvar textbgcolor="#000000"// Set "bold" or "normal" (required for Netscape and Opera only)var textweight="normal"// Set "italic" or "normal" (required for Netscape and Opera only)rsiv sein sollvar textitalic="normal"// Set width and height of your Fun Ticker (pixels)// IMPORTANT: width and height must also be set in the table (see top of code)var textwidth=200var textheight=200// Set the delay between the messages (seconds)var textpause=2// Set the width of the funticker's border (pixels)var funtickerborder=3// Set the color of the funticker's bordervar funtickerbordercolor="#FDCF15"// Set the width of the font-outline (pixels)var widthfontoutline=1// Set the strength of the font's opacity (transparency of letters)var fontopacity="50%"// Set the strength of the shadow's opacity (transparency of shadow)var shadowopacity="50%"// Set true if your font should display a gradient effect// Set false if your font should display NO gradient effectvar applygradient=true// Enter a value between 0 and 3 to set the shape for your messages// If you enter 4 all shapes will be appliedvar i_shape=4/////////////////////////////////////////////////////////////////////// EDITZONE ENDS HERE///////////////////////////////////////////////////////////////////var path=new Array()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=0var speed=60var textdecoration="none"var innerwidth=Math.floor(0.90*textwidth)var innerheight=Math.floor(0.90*textheight)var posleft=Math.floor((textwidth-innerwidth)/2-funtickerborder)var postop=Math.floor((textheight-innerheight)/2)var i_message=0var i_messagelength=0var i_outlinecolor=0var i_textfontcolor=0var i_shadowcolor=0var textalign="center"var textvalign="middle"var textitalicA=""var textitalicB=""var textweightA=""var textweightB=""var textfontsizeHTML=1var i_mes=0var i_substring=0var i_presubstring=0var i_text=0var textcontent=""var notag=truevar textpresubstring=""var textaftersubstring=""textpause*=1000var 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*funtickerbordertableheight=textheight-2*funtickerbordertextpresubstring=text[i_text].substring(0,i_presubstring)var i_prepre=i_presubstring-1if (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+=textpresubstringtextcontent+="</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=textcontenti_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-1if (i_presubstring<0) {i_presubstring=0}gettextcontent()if (opera) {document.getElementById("ticker").innerHTML=textcontentvar timer=setTimeout("showticker()", speed)}}else {clearTimeout(timer)var timer=setTimeout("changetext()", textpause)}}function changetext() {i_substring=0i_presubstring=0i_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)+messagestringenddocument.getElementById('textpathid').string=messagestringvar timer=setTimeout("tick()",speed)i_messagelength++}else {clearTimeout(timer)var timer=setTimeout("prechangeform()",textpause)}}function prechangeform() {i_messagelength=0i_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:'+funtickerborder+'px;border-color:'+funtickerbordercolor+';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*funtickerbordertextheight-=2*funtickerborder}document.write('<div ID="roof" style="position:relative;width:'+textwidth+'px;height:'+textheight+'px;border-style:solid;border-width:'+funtickerborder+'px;border-color:'+funtickerbordercolor+';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><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->