背景介紹
- 基本介紹
打字機（Typewriter）是用以代替手工書寫、 謄抄、 復(fù)寫和刻制蠟板的機器。 打字機是用于書寫的一種機械的，電機的，或電子的設(shè)備。使用時，通過敲擊鍵盤上的某一個按鍵，該按鍵對應(yīng)的字符的字模會打擊到色帶上，從而在紙或其他媒介上打出該字符。每次字符的敲打，打字機都會移動紙的位置，以備打印下一個字。- 打印機歷史
19世紀(jì)時，辦公室里辦事員一統(tǒng)天下。他們坐在高級寫字臺旁，用手費勁地寫著各種東西。定貨單、發(fā)貨清單、商務(wù)函件和報表，全都是用筆蘸墨水寫成的。多少年來，許多人試圖發(fā)明一種使這個工作變得容易些、快速些，并且更為有效的機器。早在1714年，英國工程師亨利·米爾便獲得了一項關(guān)于寫字機器的專利，但沒有留下這個東西的任何圖樣。以后相繼發(fā)明了多種不同類型的打字機，但都沒有具備實際使用價值，未能正式生產(chǎn)。
世界上最早的打字機誕生于1808年，它是由意大利人佩萊里尼·圖里發(fā)明的。他發(fā)明打字機的動機是幫助自己的一位失明女朋友。后來這臺打字機失傳了，所以我們今天無法知道它的外形與結(jié)構(gòu)，但使用該打字機打出的信件至今仍保存在意大利勒佐市的檔案館里。首次投入商品化生產(chǎn)的英文打字機是由丹麥哥本哈根的尤爾根斯機械公司出品的，該機器的發(fā)明人是一位名叫馬林·漢森的神父。第一臺實用即真正的打字機的發(fā)明人是一位美國人，他叫克里斯托夫·拉森·肖爾斯。19世紀(jì)60年代，克里斯多弗·拉撒姆·肖爾斯（又譯作克里斯托夫·拉森·肖爾斯） 和卡洛斯·格利登正試制一臺能自動給書編頁碼的機器。忽然，格利登向肖爾斯討教，為什么機器不同時也在書本上印字。肖爾斯奮起應(yīng)戰(zhàn)，制作了一架木制的打字機模型。肖爾斯打字機的文字盤和今天的打字機基本一樣，而且設(shè)計了打完字后能自動移位的裝置，打出來的字也很清晰。但肖爾斯打字機的體積很大，外形很難看，而且操作也比較麻煩，因為他設(shè)計的字盤是大寫和小寫字母分別有自己的鍵，鍵盤上有78個鍵。另外，這種打字機無法觀察到打出來的字，即使打錯了，也要等整頁紙打完后才能看到。
預(yù)備知識
- HTML（超文本標(biāo)記語言）
知識點還沒掌握的小伙伴可以簡單學(xué)習(xí)一下：HTML基礎(chǔ)知識 - 筆記- CSS（層疊樣式表）
知識點還沒掌握的小伙伴可以簡單學(xué)習(xí)一下：CSS基礎(chǔ)知識 - 筆記- JavaScript
知識點還沒掌握的小伙伴可以簡單學(xué)習(xí)一下：JavaScript基礎(chǔ)知識 - 筆記
成果展示
- 一副對聯(lián)表達(dá)心聲：
上聯(lián)：這個需求很簡單
下聯(lián)：怎么實現(xiàn)我不管
橫批：明天上線
代碼如下：
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> body { background-image: url(img/bg.png); } #div1 { color: white; padding-top: 90px; padding-left: 30px; } </style> </head> <body> <div id='div1'></div> <script type="text/javascript"> var count = 0; var typingtext = "<b style='color:red'>記憶的永恒 : </b><br>-------------<br>記憶是一個人最基本的感情根基，<br>唯有記憶，才能讓我們撥開往事的煙云，<br>尋找心靈深處的那份亙古真摯的人性情感，而真正打動自己的，<br>無疑是屬于自己的那份記憶的永恒，那片心靈的歸宿。<br>它讓我們每個人都有自己的故事，<br>都有涅槃后返璞歸真的通達(dá)世界。<br>八月星河夜正長，<br>迢迢星河云茫茫。<br>記憶，<br>永遠(yuǎn)是人生中最深邃的風(fēng)景，<br>唯有美的記憶，才會有詩意人生。<br>記憶里面的風(fēng)景，總是會安安靜靜，沒有任何的風(fēng)雨，也沒有任何的猶豫和躊躇。"; var myBlock = document.getElementById('div1'); function type() { if(count <= typingtext.length) { myBlock.innerHTML = typingtext.substring(0, count); count++; } else { window.clearInterval(intervalID); } } var intervalID = window.setInterval(type, 80); </script> </body> </html>
