JavaScript

JavaScripti >> Efekti s tekstom >> Valoviti tekst #2

Opis:
Še en valoviti tekst.

Primer:

Izvorna koda:
Korak 1 :
Ta del kode vstavite v <head> del strani:

<style> #theDiv { POSITION : relative; Z-INDEX : 8; VISIBILITY : visible; ALIGN : center; } </style>

Korak 2:
Ta del kode vstavite v <body> del strani:

<div ID="theDiv" align="center"></div> <SCRIPT LANGUAGE="JavaScript"> function nextSize(i,incMethod,textLength) { if (incMethod == 1) { return (22*Math.abs(Math.sin(i/(textLength/3.14))) ); } if (incMethod == 2) { return (255*Math.abs(Math.cos(i/(textLength/3.14)))); } return(0) } function sizeCycle(text,method,dis) { var output = ""; for (i = 0; i < text.length; i++) { size = parseInt(nextSize(i +dis,method,text.length)); output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>"; } if (document.all) theDiv.innerHTML = output; else if (document.getElementById){ rng = document.createRange(); el = document.getElementById('theDiv'); rng.setStartBefore(el); htmlFrag = rng.createContextualFragment(output); while (el.hasChildNodes()) el.removeChild(el.lastChild); el.appendChild(htmlFrag);} else if (document.layers){ document.theDiv.document.write("<font face='Arial'point-size=11>"+output+"</font>"); document.theDiv.document.close();} } function doWave(n) { var theText = 'Smrkec.com - Mnogo stvari na enem mestu!'; //Zgoraj vnesite svoj tekst sizeCycle(theText,1,n); if (n > theText.length) { n=0 } setTimeout("doWave(" + (n+1) + ")", 50); } </script>

Korak 3:
Vaša <body> vrstica naj bi izgledala nekako takole: