Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > Client Script Forum > ต้องการแก้ให้ตัวอักษรที่ไม่ใช่ตัวหนา หายไปต้องแก้ยังไงครับ

ต้องการแก้ให้ตัวอักษรที่ไม่ใช่ตัวหนา หายไปต้องแก้ยังไงครับ

เริ่มหัวข้อใหม่

Guest

ต้องการแก้ให้ตัวอักษรที่ไม่ใช่ตัวหนา หายไปต้องแก้ยังไงครับ

ต้องการให้เป็นแบบนี้

<%@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 : JavaScript

Date : 2011-07-11 22:20:59

By : ตะวัน

View : 1422

Reply : 1

No. 1

Guest

ตอนนี้รันออกมาแล้วเป็นอย่างนี้ครับโค้ดข้างบน

Date : 2011-07-11 22:24:43

By : ตะวัน

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ต้องการแก้ให้ตัวอักษรที่ไม่ใช่ตัวหนา หายไปต้องแก้ยังไงครับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 00

Registered : 109,037

document.write("<font color=996600>[PHP]</font>"); ต้องการแก้ให้ตัวอักษรที่ไม่ใช่ตัวหนา หายไปต้องแก้ยังไงครับ

No. 1

ค้นหาข้อมูล

อัพโหลดแทรกรูปภาพ

Notice

ต้องการแก้ให้ตัวอักษรที่ไม่ใช่ตัวหนา หายไปต้องแก้ยังไงครับ