help, dont worry this is an easy question
ok, i am making a new website after my old one got boring (boxpictures.com), and i have a opening thing which is just a ton of script. i put it into frames so that this picture like thing is always centered. my problem is that when the word is spelled out, it becomes a link, and when you click on it, thenthe home page will be in the small rectangle in the middle. i want it to cover the whole screen. i need it to give the same affect as whe nyou do this with html ( <a href="url" target="top"> ).
here is the thingy http://willie.envisionssoftware.com/matrix/home.html
here is the code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name=description content="Free DHTML and JavaScript graphic and text effects to download and use on your own web-site. This one is the famous Matrix Effect script.">
<meta name=keywords content="matrix, matrix effect, RV, DHTML, JavaScript, effects, free, text, internet explorer, netscape, firefox, opera, text, graphic, matrix">
<title>boxpictures</title>
<link type="text/css" href=style.css rel=stylesheet>
<style type="text/css">
<style type="text/css">
BODY {
background: url("../background/light5.gif");
background-repeat: repeat-x repeat-y;
background-attachment: fixed;
}
A:link { text-decoration: none; color:#009900; }
A:visited { text-decoration: none; color:#009900; }
A:hover { text-decoration: none; color:#33ff66; }
.matrix { width:15px; font:15pt Lucida Console, Courier, monospace; text-align:center; padding:0px; background-color:#000 }
</style>
<script language=JavaScript type="text/javascript">
<!--
var height=11; // height of the effect in rows - must be an odd number
var speed=1; // lower is faster
var reveal=35; // between 0 and 100
// the higher, the faster the word is 'decoded'
var alink="welcome.html";
var target="_top"; // place to link to
// set to alink="" if not needed/***************************\
* The Matrix JavaScripted.. *
*(c) 2003-5 mf2fm web-design*
* http://www.mf2fm.co.uk/rv *
* DON'T EDIT BELOW THIS BOX *
\***************************/
var timer, table, x, y, columns, ma_txt, ma_cho;
reveal=reveal/100;
var m_coch=new Array();
var m_copo=new Array();
window.onload=function() { if (document.getElementById) {
var matrix, tbody, tr, td;
matrix=document.getElementById("matrix");
ma_txt=matrix.firstChild.nodeValue;
ma_txt=" "+ma_txt+" ";
columns=ma_txt.length;
while (matrix.childNodes.length) matrix.removeChild(matrix.childNodes[0]);
table=document.createElement("table");
table.cellSpacing=0;
table.style.margin="auto";
table.style.width="auto";
tbody=document.createElement("tbody");
for (x=0; x<height; x++) {
tr=document.createElement("tr");
for (y=0; y<columns; y++) {
td=document.createElement("td");
td.className="matrix";
td.appendChild(document.createTextNode(String.fromCharCode(160)));
tr.appendChild(td);
}
tbody.appendChild(tr);
}
table.appendChild(tbody);
matrix.appendChild(table);
ma_cho=ma_txt;
for (x=0; x<columns; x++) {
m_copo[x]=0;
ma_cho+=String.fromCharCode(32+Math.floor(Math.random()*94));
}
x=0;
timer=setInterval("mytricks()", speed);
}}
function mytricks() {
var mtmp, mrow;
var z=x;
x=0;
for (y=0; y<columns; y++) {
x=x+(m_copo[y]==100);
mrow=m_copo[y]%100;
if (mrow && m_copo[y]<100) {
if (mrow<height+1) {
mtmp=table.rows[mrow-1].cells[y];
mtmp.firstChild.nodeValue=m_coch[y];
mtmp.style.color="#33ff66";
mtmp.style.fontWeight="bold";
}
if (mrow>1 && mrow<height+2) {
mtmp=table.rows[mrow-2].cells[y];
mtmp.style.fontWeight="normal";
mtmp.style.color="#00ff00";
}
if (mrow>2) table.rows[mrow-3].cells[y].style.color="#009900";
if (mrow<Math.floor(height/2)+1) m_copo[y]++;
else if (mrow==Math.floor(height/2)+1 && m_coch[y]==ma_txt.charAt(y)) zoomer(y);
else if (mrow<height+2) m_copo[y]++;
else if (m_copo[y]<100) m_copo[y]=0;
}
else if (Math.random()>0.9 && m_copo[y]<100) {
if (reveal>Math.random() && (z+1)/columns>Math.random()) m_coch[y]=ma_cho.charAt(y);
else m_coch[y]=ma_cho.charAt(Math.floor(Math.random()*ma_cho.length));
m_copo[y]++;
}
}
if (x==columns) clearInterval(timer);
}
function zoomer(ycol) {
var mtmp, mtem, ytmp;
if (m_copo[ycol]==Math.floor(height/2)+1) {
for (ytmp=0; ytmp<height; ytmp++) {
mtmp=table.rows[ytmp].cells[ycol];
mtmp.firstChild.nodeValue=m_coch[ycol];
mtmp.style.color="#33ff66";
mtmp.style.fontWeight="bold";
if (alink) {
mtmp.style.cursor="pointer";
mtmp.onclick=function() {window.location.href=alink};
}
}
mtmp=ma_cho.indexOf(ma_txt.charAt(ycol));
m_copo[ycol]+=199;
setTimeout("zoomer("+ycol+")", speed);
}
else if (m_copo[ycol]>200) {
mtmp=table.rows[m_copo[ycol]-201].cells[ycol];
mtem=table.rows[200+height-m_copo[ycol]].cells[ycol];
m_copo[ycol]-=1;
mtmp.style.fontWeight="normal";
mtem.style.fontWeight="normal";
setTimeout("zoomer("+ycol+")", speed);
}
else if (m_copo[ycol]==200) m_copo[ycol]=100+Math.floor(height/2);
if (m_copo[ycol]>100 && m_copo[ycol]<200) {
mtmp=table.rows[m_copo[ycol]-101].cells[ycol];
mtmp.firstChild.nodeValue=String.fromCharCode(160);
mtem=table.rows[100+height-m_copo[ycol]].cells[ycol];
mtem.firstChild.nodeValue=String.fromCharCode(160);
m_copo[ycol]-=1;
setTimeout("zoomer("+ycol+")", speed);
}
}
// -->
</script>
</head>
<body bgcolor="black">
<div id=matrix>WELCOME TO BOXPICTURES!!! CLICK HERE TO ENTER</div><br>
<center><a href="welcome.html">click here to skip intro</a></center>
</body>
</html>
CSS Codes
Reply With Quote
Bookmarks