GeoCities Snippet Playground
Marquee
HELLO WORLD
<marquee>HELLO WORLD</marquee>
Glow Text
GLOW TEXT
<span style="color:white; text-shadow:0 0 5px magenta,0 0 10px cyan;">GLOW TEXT</span>
Ugly Table
BAD
TABLE
<table border="5" bordercolor="#ff00ff"> <tr><td>BAD</td><td>TABLE</td></tr> </table>
Alert Button
CLICK ME
<button onclick="alert('WELCOME!')">CLICK ME</button>
Cursor Trail
Move your mouse on the page
<script> document.addEventListener('mousemove', function(e){ var dot = document.createElement('div'); dot.innerHTML = '*'; dot.style.position = 'absolute'; dot.style.left = e.pageX + 'px'; dot.style.top = e.pageY + 'px'; document.body.appendChild(dot); setTimeout(function(){ dot.remove(); }, 300); }); </script>
Falling Text
<script> setInterval(function(){ var el = document.createElement('div'); el.innerHTML = '*'; el.style.position = 'fixed'; el.style.left = Math.random()*100 + '%'; el.style.top = '0'; document.body.appendChild(el); setTimeout(function(){ el.remove(); }, 2000); }, 200); </script>
DVD Bounce
<script> var x=0,y=0,dx=2,dy=2; var el=document.getElementById('dvd'); setInterval(function(){ x+=dx; y+=dy; if(x<0 || x>200) dx*=-1; if(y<0 || y>60) dy*=-1; el.style.left = x+'px'; el.style.top = y+'px'; },20); </script>
Matrix Rain
<script> setInterval(function(){ var d=document.createElement('div'); d.innerHTML = Math.random()>0.5 ? '0' : '1'; d.style.color = '#0f0'; document.body.appendChild(d); setTimeout(function(){ d.remove(); }, 1000); },100); </script>
