国产探花免费观看_亚洲丰满少妇自慰呻吟_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下一頁

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 揭东县| 田阳县| 商城县| 疏勒县| 南溪县| 新源县| 河曲县| 手游| 鄯善县| 汕头市| 吉林市| 中西区| 重庆市| 兴文县| 商水县| 常熟市| 南陵县| 石城县| 富民县| 楚雄市| 正阳县| 勃利县| 新巴尔虎左旗| 特克斯县| 松桃| 汉源县| 岳西县| 峨边| 武安市| 芦溪县| 新乡市| 永平县| 留坝县| 涿州市| 六枝特区| 龙南县| 安顺市| 商都县| 万宁市| 岗巴县| 德化县|