Phiên bản đầy đủ: jsB@nk » Chữ » Hoạt hóa » 'Ticker vui nhộn'
URL: https://www.javascriptbank.com/fun-ticker.html
Hiệu ứng làm cho chữ bị uốn cong 3D theo nhiều dạng trên trang web.
Phiên bản đầy đủ: jsB@nk » Chữ » Hoạt hóa » 'Ticker vui nhộn'
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-->