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,996

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



 

ช่วยหน่อยครับ ผมอยากเอาตัวอักษรที่ไม่ใช่เอาหนาออกทำงัยเหรอครับ

 



Topic : 063040

Guest




ฟฟฟ


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

ต้องแก้ยังไงครับ
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 : - - - -







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2011-07-11 22:40:47 By : ต้น View : 718 Reply : 1
 

 

No. 1

Guest


บรรทัด 73เปลี่ยนจาก bold เป็่น normal






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-07-12 07:18:41 By : deawx
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
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 00
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 อัตราราคา คลิกที่นี่