|
 |
| |
ช่วยหน่อยครับ ผมอยากเอาตัวอักษรที่ไม่ใช่เอาหนาออกทำงัยเหรอครับ |
| |
 |
|
|
 |
 |
|
เอาตัวอักษรที่ไม่ใช่เอาหนาออกทำงัยเหรอครับ
ต้องแก้ยังไงครับ
Code (JavaScript)
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>การสร้าง Animation แบบ Matrix ให้กับอักษร</title>
<style type="text/css">
.matrix{ /* กำหนดรูปแบบตัวอักษรด้วย css*/
font-family: Lucida Console,Courier,Monotype;
font-size: 10pt;
text-align: center;
width: 50px;
padding: 0px;
margin: 0px;
}
</style>
<script language="JavaScript">
var rows=11;
var speed=1;
var appear=2;
var mTbl,matemp,mtbody,mRow,x,y,column,mText,mCho;
var m_coch=new Array();
var m_copo=new Array();
window.onload=function(){ //ฟังก์ชันสร้างตาราง
var matrix=document.getElementById("matrixText"); // รับค่าแท็ก id "matrixText"
mText= matrix.firstChild.nodeValue;
mText=""+mText+"";
columns=mText.length;
while (matrix.childNodes.length)matrix.removeChild(matrix.childNodes[0]);
mTbl=document.createElement("table"); // สร้างแท็ก<table>
mTbl.setAttribute("border", 0);
mTbl.setAttribute("align", "left");
mTbl.style.backgroundColor="#000000";
mtbody=document.createElement("tbody");//สร้างแท็ก<tbody>
for(x=0;x<rows;x++){
mRow=document.createElement("tr"); //สร้างแท็ก<tr>
for(y=0;y<columns;y++){
matemp=document.createElement("td"); //สร้างแท็ก<td>
matemp.setAttribute("id", "Mx"+x+"y"+y);
matemp.className="matrix";
matemp.appendChild(document.createTextNode(String.fromCharCode(160)));
mRow.appendChild(matemp);
}
mtbody.appendChild(mRow);
}
mTbl.appendChild(mtbody);
matrix.appendChild(mTbl);
mCho=mText;
for(x=0;x<columns;x++){
mCho +=String.fromCharCode(32+Math.floor(Math.random()*94));
m_copo[x]=0;
}
mtbody=setInterval("myMatrix()",speed);
}
function myMatrix(){
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<rows+1){
matemp=document.getElementById("Mx"+(mRow-1)+"y"+y);
matemp.firstChild.nodeValue=m_coch[y];
matemp.style.color="#33ff66";
matemp.style.fontWeight="bold";
}
if(mRow>1&&mRow<rows+2){
matemp=document.getElementById("Mx"+(mRow-2)+"y"+y);
matemp.style.fontWeight="normal";
matemp.style.color="#00ff00";
}
if(mRow>2){
matemp=document.getElementById("Mx"+(mRow-3)+"y"+y);
matemp.style.color="#009900";
}
if(mRow<Math.floor(rows/2)+1)m_copo[y]++;
else if(mRow==Math.floor(rows/2)+1&&m_coch[y]==mText.charAt(y))matrixZoom(y);
else if(mRow<rows+2)m_copo[y]++;
else if(m_copo[y]<100)m_copo[y]=0;
}else if(Math.random()>0.9 && m_copo[y]<100){
m_coch[y]=mCho.charAt(Math.floor(Math.random()*mCho.length));
m_copo[y]++;
}
}
if(x==columns) clearInterval(mtbody);
}
function matrixZoom(ycol){
var mtmp,mtem,ytmp;
if(m_copo[ycol]==Math.floor(rows/2)+1){
for(ytmp=0;ytmp<rows;ytmp++){
mtmp=document.getElementById("Mx"+ytmp+"y"+ycol);
mtmp.firstChild.nodeValue=m_coch[ycol];
mtmp.style.color="33ff66";
mtmp.style.fontWeight="bold";
}
if(Math.random()<appear){
mtmp=mCho.indexOf(mText.charAt(ycol));
mCho=mCho.substring(0, mtmp)+mCho.substring(mtmp+1, mCho.length);
}
if(Math.random()<appear-1)mCho=mCho.substring(0, mCho.length-1);
m_copo[ycol]+=199;
// setTimeout("matrixZoom("+ycol+")",speed);
}
else if(m_copo[ycol]>200){
mtmp=document.getElementById("Mx"+(m_copo[ycol]-201)+"y"+ycol);
mtmp=document.getElementById("Mx"+(200+rows-m_copo[ycol]--)+"y"+ycol);
mtmp.style.fontWeight="normal";
mtem.style.fontWeight="normal";
// setTimeout("matrixZoom("+ycol+")", speed);
}
else if(m_copo[ycol]==200)m_copo[ycol]=100+Math.floor(rows/2);
if(m_copo[ycol]>100 && m_copo[ycol]<200){
mtmp=document.getElementById("Mx"+(m_copo[ycol]-101)+"y"+ycol);
mtmp.firstChild.nodeValue= String.fromCharCode(160);
mtmp=document.getElementById("Mx"+(100+rows-m_copo[ycol]--)+"y"+ycol);
mtem.firstChild.nodeValue= String.fromCharCode(160);
mtem.innerHTML=String.fromCharCode(160);
}
setTimeout("matrixZoom("+ycol+")", speed);
}
</script>
</head>
<body>
<center>
<div id="matrixText"> Java script</div></center>
</body>
</html>
Tag : - - - -
|
|
|
 |
 |
 |
 |
| Date :
2011-07-11 22:40:47 |
By :
ต้น |
View :
1166 |
Reply :
1 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
บรรทัด 73เปลี่ยนจาก bold เป็่น normal
|
| |
|
|
| |
| Date :
2011-07-12 07:18:41 |
By :
deawx |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 01
|
