Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 107,995

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



 

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

 



Topic : 063038

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







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2011-07-11 22:20:59 By : ตะวัน View : 887 Reply : 1
 

 

No. 1

Guest


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

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






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-07-11 22:24:43 By : ตะวัน
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ต้องการแก้ให้ตัวอักษรที่ไม่ใช่ตัวหนา หายไปต้องแก้ยังไงครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม

Load balance : Server 01
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2019 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 , 08-9968-0655 อัตราราคา คลิกที่นี่