,
RAINBOW TEXT
<script type="text/javascript">
// <![CDATA[
var speed=100; // speed colours change, 1 second = 1000
var glow=3; // can be set from '0' for no glow, to 10
var raincol=new Array("#ff0000", "#ff5500", "#ffaa00", "#ffff00", "#aaff00", "#55ff00", "#00ff00", "#00ff55", "#00ffaa", "#00ffff", "#00aaff", "#0055ff", "#0000ff", "#5500ff", "#aa00ff", "#ff00ff", "#ff00aa", "#ff0055"); // change the colours if you want to
var alink="http://www.mf2fm.com/rv/"; // page to link text to (set to ="" for no link)
/****************************
* Rainbow Text Effect *
*(c)2003-13 mf2fm web-design*
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var rainbow, raintxt, raincnt=0;
function addLoadEvent(funky) {
var oldonload=window.onload;
if (typeof(oldonload)!='function') window.onload=funky;
else window.onload=function() {
if (oldonload) oldonload();
funky();
}
}
addLoadEvent(regenbogen);
function regenbogen() { if (document.getElementById) {
var i, rainbeau;
rainbow=document.getElementById("rainbow");
raintxt=rainbow.firstChild.nodeValue;
while (rainbow.childNodes.length) rainbow.removeChild(rainbow.childNodes[0]);
for (i=0; i<raintxt.length; i++) {
rainbeau=document.createElement("span");
rainbeau.setAttribute("id", "rain"+i);
rainbeau.appendChild(document.createTextNode(raintxt.charAt(i)));
if (alink) {
rainbeau.style.cursor="pointer";
rainbeau.onclick=function() { top.location.href=alink; }
}
rainbow.appendChild(rainbeau);
}
rainbow=setInterval ("raining()", speed);
}}
function raining() {
var i, c;
for (i=0; i<raintxt.length; i++) {
c=raincol[(i+raincnt)%raincol.length];
document.getElementById("rain"+i).style.color=c;
if (glow) document.getElementById("rain"+i).style.textShadow=c+" 0px 0px "+glow+"px";
}
raincnt++;
}
// ]]>
</script>
사용법
<span id="rainbow">RAINBOW TEXT</span>
출처:www.mf2fm.com
RGB <-> #COLOR (0) | 2020.10.30 |
---|---|
[Script] Rainbow Effect Box (0) | 2020.10.28 |
[Script]FLOATING LOVE HEARTS (0) | 2020.10.27 |
티스토리 첫페이지에 원하는 포스트 고정 (2) | 2011.12.28 |
티스토리 플래시 링크 안될때 (0) | 2011.12.24 |