国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 擴展 > jQuery > 正文

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

2024-09-06 20:04:44
字體：大 中 小
來源：轉載
供稿：網友

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代碼以便顯示消息。

 

 

共5頁上一頁12345下一頁

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 淮南市| 衡东县| 永胜县| 尼玛县| 牡丹江市| 东阿县| 靖宇县| 祥云县| 阳高县| 皮山县| 鞍山市| 柳林县| 沭阳县| 商都县| 蓝田县| 开阳县| 宣武区| 延吉市| 萨嘎县| 莱州市| 静宁县| 梁平县| 武功县| 大余县| 信阳市| 毕节市| 墨竹工卡县| 安泽县| 常州市| 林口县| 肥东县| 青田县| 保定市| 偏关县| 凭祥市| 岫岩| 邵阳县| 宕昌县| 奈曼旗| 宁波市| 汤原县|