揭秘用jquery建立類Twitter站點的方法_PHP教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!

      推薦:淺談基于UML的城軌列車超速防護系統建模
      摘要:分析I-Logix公司的Rhapsody軟件的主要特性在Rhapsody開發環境下對北京地鐵1號線的ATP系統車載設備進行UML建模,并介紹系統級調試功能。 統一建模語言UML(UnifiedModelingLanguage)是迄今為止最好的面向對象的統一建模語言,它取代了以往各種面向對象表示

      Twitter是世界上最流行的互聯網服務,它為用戶提供微博客服務,界面簡潔美觀。本文中,我們將使用jqueyr建立一個類twitter站點。你將學習jquery一些的技巧,以及如何一起使用PHP和mysql。你會喜歡的。

      介紹

      通過twitter,用戶可以任何時候發布他們在做什么,twitter會及時顯示這些信息。從而,每個朋友都能同時知道你在做什么。twitter主頁如下:

      在本教程中,我們將實現類似twitter的界面,并且會使用PHP實現信息發布功能,數據會保存到mysql數據庫中。

      第一步:界面布局

      界面布局和twitter.com非常相似。本例中,只會顯示消息文本框和消息顯示區域,如上圖所示。html代碼如下:

      以下為引用的內容:

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
          <title>jQuery Tutorial: Twitter-Like Site by Ji Guofei</title>
      </head>
      <body>
          <div id="title">
              <h1><a href="#"><img _fcksavedurl=""#"><img" _fcksavedurl=""#"><img" _fcksavedurl=""#"><img" _fcksavedurl=""#"><img" src="twilike.png" alt="Twitter-Like Site" ></a></h1>
          </div>
          <div id="arrow"><img src="images/arrow-up.gif" alt="arrow"/></div>
          <div id="container">
              <form id="commentForm">
                  <fieldset>
                  <legend><span id="counter"></span> Characters</legend>
                  <textarea id="message" name="message" ></textarea>
                  <input name="btnSign" class="submit" type="submit" id="submit" value="Update" />
                  </fieldset>
              </form>

              <div id="messagewindow">
                  This area will be used to display the messages.
              </div>
          </div>
          <div id="footer">
              <div id="footer_a">
              This is just a example to learn jQuery.
              </div>
          </div>
      </body>
      </html>

      將代碼保存為index.php,我們將向文件中添加一些PHP代碼以便顯示消息。

       

       

      分享:關于php的職業分析--如何成為一名優秀的phper
      最近經常有朋友跟我講,很想來學習php,但又不敢來學,為什么?說是有人跟他講,php沒前途,程序員一大把,php程序員日益呈現白菜價趨勢。我對我的朋友講:只要你有技術過硬的信心,你完全可以按照自己的職業規劃前行。 不錯,現在的php程序員很多,但這個群

      共5頁上一頁12345下一頁
      來源:模板無憂//所屬分類:PHP教程/更新時間:2009-11-16
      相關PHP教程