Version complète: jsB@nk » Texte » Karaoke » IntroTicker avec effet de fondu et fonction de la précontrainte
URL: https://www.javascriptbank.com/introticker-with-fade-effect-and-preload-feature.html
Cette nouvelle introticker combine un eyecatching effet fondu avec un très bon pré-métrage. Si vos visiteurs sont la lecture de votre messages la prochaine page sera prelaoded et mis en cache. Après la précontrainte introticker s'arrête automatiquement et ouvre la page Web préchargés. Crossbrowser (ticker IE4x/5x/6x avec effet fondu et précharge-métrage, NS6x ticker avec effet fondu, NS4x ticker).
Version complète: jsB@nk » Texte » Karaoke » IntroTicker avec effet de fondu et fonction de la précontrainte
URL: https://www.javascriptbank.com/introticker-with-fade-effect-and-preload-feature.html
<SCRIPT>// Introticker with fade-effect and preload-feature// enter as many messages as you likevar message=new Array()message[0]="Hi stranger, how are you, my friend?"message[1]="Soon you will be directed to a very exciting tool."message[2]="This tool allows you to create 10 different slideshows without programming skills."message[2]="It's called Slideshow Factory and it's really unique."message[3]="Are you ready?"message[4]="Ok then let's jump to Slideshow Factory and have some fun!"// enter the width and height of the ticker (pixel)var tickerwidth=240var tickerheight=360// enter fontvar tickerfont="Arial"// enter font-sizevar tickerfontsize=5// enter the three font-colorsvar tickerfontcolorpre="#FFFF00"var tickerfontcolormark="#FFFFFF"var tickerfontcolorafter="#333333"// enter the background-colorvar backgroundcolor="black"// enter the pause between each word marked (1000 = 1 second)var pausebetweenwords=200 // enter the pause between each message (1000 = 1 second)var pausebetweenmessages=2000// enter the pause after the fade effect (1000 = 1 second)var pauseafterfade=1000// enter the URl of the next webpagevar linkurl="http://JavaScriptBank.com"// do not edit the code below this linevar transparency=100var transparencystep=5var windowheight=0var windowwidth=0var x_pos=0var y_pos=0var i_message=-1var messagesplit=""var i_messagesplit=0var i_mark=0var tickercontentvar pausefade=40var linkurlloaded=falsevar oneloopfinished=falsevar ns4=document.layers?1:0var ns6=document.getElementById&&!document.all?1:0 var ie=document.all?1:0function splitmessage() {transparency=100if (ie) {i_message++if (i_message>=message.length) {oneloopfinished=true}if (i_message>=message.length) {i_message=0}i_mark=0messagesplit=message[i_message].split(" ")for (i=0;i<messagesplit.length;i++) {messagesplit[i]=messagesplit[i]+" "}messagesplit[messagesplit.length]=" "document.all.ticker.filters.alpha.opacity=transparencyif (oneloopfinished && linkurlloaded) {document.location.href=linkurl}else {runticker()}}else if (ns6 || ns4) {i_message++if (i_message>=message.length) {document.location.href=linkurl}else {i_mark=0messagesplit=message[i_message].split(" ")for (i=0;i<messagesplit.length;i++) {messagesplit[i]=messagesplit[i]+" "}messagesplit[messagesplit.length]=" "if (ns6) {document.getElementById('ticker').style.MozOpacity=transparency/100}runticker()}}else {document.location.href=linkurl}}function runticker() {if (i_mark<messagesplit.length) {gettickercontent()if (ie) {ticker.innerHTML=tickercontent}if (ns6) {document.getElementById('ticker').innerHTML=tickercontent}if (ns4) {document.ticker.document.write(tickercontent)document.ticker.document.close()} i_mark++ var tickertimer=setTimeout("runticker()",pausebetweenwords)}else {clearTimeout(tickertimer)setTimeout("fade()",pausebetweenmessages)}}function fade() {if (transparency>0){transparency-=transparencystepif (ie) {document.all.ticker.filters.alpha.opacity=transparency}if (ns6) {document.getElementById('ticker').style.MozOpacity=transparency/100}var fadetimer=setTimeout("fade()",pausefade)}else {clearTimeout(fadetimer)setTimeout("splitmessage()",pauseafterfade)}}function gettickercontent() {tickercontent="<table width="+tickerwidth+" height="+tickerheight+" cellpadding=0 cellspacing=0 border=0><tr valign=middle><td align=center>"tickercontent+="<font face=\""+tickerfont+"\" size="+tickerfontsize+" color=\""+tickerfontcolorpre+"\">"for (i=0;i<i_mark;i++) {tickercontent+=messagesplit[i]}tickercontent+="</font>"tickercontent+="<font face=\""+tickerfont+"\" size="+tickerfontsize+" color=\""+tickerfontcolormark+"\">"tickercontent+=messagesplit[i_mark]tickercontent+="</font>"tickercontent+="<font face=\""+tickerfont+"\" size="+tickerfontsize+" color=\""+tickerfontcolorafter+"\">"for (i=(i_mark+1);i<messagesplit.length;i++) {tickercontent+=messagesplit[i]}tickercontent+="</font>"tickercontent+="</td></tr></table>"}setposition()function setposition() {if (ie) {windowheight=document.body.clientHeightwindowwidth=document.body.clientWidth}if (ns6) {windowheight=window.innerHeightwindowwidth=window.innerWidth}if (ns4) {windowheight=window.innerHeightwindowwidth=window.innerWidth}x_pos=(windowwidth-tickerwidth)/2y_pos=(windowheight-tickerheight)/2document.bgColor=backgroundcolor}function jump() {linkurlloaded=true}if (ie) {document.write("<div id=\"ticker\" style=\"position:absolute;top:"+y_pos+"px;left:"+x_pos+"px;width:"+tickerwidth+"px;height:"+tickerheight+"px;overflow:hidden\;filter:alpha(opacity=100);-moz-opacity:100\">")document.write("</div>")document.write("<iframe onLoad=\"jump()\" src="+linkurl+" width=0 height=0></iframe>")splitmessage()}else if (ns6) {document.write("<div id=\"ticker\" style=\"position:absolute;top:"+y_pos+"px;left:"+x_pos+"px;width:"+tickerwidth+"px;height:"+tickerheight+"px;overflow:hidden\;-moz-opacity:100\">")document.write("</div>")splitmessage()}else if (ns4) {document.write("<layer name=\"ticker\" width="+tickerwidth+" height="+tickerheight+" top="+y_pos+" left="+x_pos+">")document.write("tickercontent")document.write("</layer>")document.close()window.onload=splitmessage}else {document.location.href=linkurl}</SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->