Khung chữ với các kí tự ngẫu nhiên

JavaScriptBank

New member
Hiệu ứng tạo một khung chứa các thông tin được hiển thị qua các xuất hiện ngẫu nhiên....


Demo:

Cách cài đặt

Bước 1: Copy mã HTML bên dưới và dán vào khu vực BODY trên trang web của bạn
HTML
Mã:
<BODY onload=startQuote();>
<FORM name=RandomText>

<DIV align=center>
<CENTER>
<P><INPUT size=70 name=box1> </P></CENTER></DIV></FORM>
</fieldset>
</center>
<SCRIPT language=JavaScript>
<!--
  var quoteStr;
  var quoteNum;
  var quoteDis;
  var quoteLen;
  var quoteLoc;
  var quotePic;
  var quoteMax;
  var numQuote;

  function funcQuote() {
   this[0] = "There is only one way to describe this...BEAUTIFUL!";
   this[1] = "A lot of people mistake a short term memory for a clear conscience.";
   this[2] = "Friends help you move. REAL friends help you move bodies.";
   this[3] = "LOTTERY: A tax on people who are bad at math.";
   this[4] = "Save the whales. Collect the whole set.";
   this[5] = "A man needs a good memory after he has lied.";
   this[6] = "Always remember that your are unique, just like everyone else.";
   this[7] = "Pentiums melt in your PC, not in your hand.";
   this[8] = "OOPS! My brain just hit a bad sector.";
   this[9] = "90% of all statistics are made up.";
   this[10] = "Warning: Dates in calendar are closer than they appear.";
   this[11] = "Don't take it too seriously, you won't get out alive.";
   this[12] = "COINCIDENCE happens.";
   this[13] = "A flashlight is a case for holding dead batteries.";
   this[14] = "Few women admit their age. Few men act theirs.";
   this[15] = "Give me ambiguity or give me something else.";
   this[16] = "C program run. C program crash. C programmer quit.";
   this[17] = "Did anyone see my lost carrier?";
   this[18] = "I used to have a handle on life.  Then it broke.";
   this[19] = "Beam me aboard, Scotty.....Sure,... will a 2x4 do?";
   this[20] = "Double your drive space - delete windows.";
   this[21] = "A little work, a little sleep, a little love and it's all over.";
   this[22] = "Artificial intelligence usually beats real stupidity.";
   this[23] = "Change is unevitable, except from a vending machine.";
   this[24] = "I.R.S.: We've got what it takes to take what you've got.";
   this[25] = "I don't suffer from insanity. I enjoy every minute of it.";
   this[26] = "Energizer Bunny Arrested!  Charged with battery.";
   this[27] = "The gene pool could use a little chlorine.";
   this[28] = "We are born naked, wet, and hungry. Then things get worse.";
  }
  function getQuote() {
   quoteLen = 0;
   quoteLoc = 0;
   quoteNum = Math.floor(Math.random() * numQuote);
   quoteStr = makeQuote[quoteNum];
   quoteLen = quoteStr.length;
   padQuote();
  }

  function disQuote() {
   quoteLoc = quoteLoc + 1;
   if (quoteLoc > quoteMax) {
    getQuote();
   }
   quoteDis = quoteStr.substring(0, quoteLoc);
   for (var i = quoteLoc; i < quoteMax; i++){
    var charone;
    charone = quoteStr.substring(i, i + 1);
    var rdnum;
    rdnum = Math.floor(Math.random() * 57)
    if (charone != " "){
     quoteDis = "" + quoteDis + quotePic.substring(rdnum, rdnum + 1);
    } else {
     quoteDis = "" + quoteDis + " ";
    }
   }
  }
  function padQuote () {
   var spacePad = quoteMax - quoteStr.length;
   var frontPad = Math.floor(spacePad / 2);
   for (var i = 0; i < frontPad; i++) {
    quoteStr = " " + quoteStr;
   }
   for (var i = quoteStr.length; i < quoteMax; i++) {
    quoteStr= "" + quoteStr + " ";
   }
  }
  function loopQuote() {
   document.RandomText.box1.value=quoteDis;
   disQuote();
   setTimeout ("loopQuote();", 50);
  }
  function startQuote() {
   quoteStr = "";
   quoteNum = 0;
   quoteDis = "";
   quoteLen = 0;
   quoteLoc = 0;
   quotePic = "abcdefghjkmnopqrstuvwxyzABCEDEFGHJKLMNOPQRSTUVXYZ234567890";
   quoteMax = 70;
   numQuote = 29;
   makeQuote = new funcQuote();
   getQuote();
   disQuote();
   loopQuote();
  }
//-->
</SCRIPT>
</body>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->


Bạn có thể xem thêm nhiều JavaScript khác về




- -
 
Back
Top