|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
工具程序用来显示 Rasmus Lerdorf 的个人履历,以及统计网页流量。 </p> Twitter是世界上最盛行的互联网办事,它为用户供应微博客办事,界面简约雅观。本文中,咱们将利用jqueyr创立一个类twitter站点。你将进修jquery一些的技能,和若何一同利用PHP和mysql。你会喜好的。
Guofei Ji是中国青岛的一名软件工程师,供职于阿尔卡特-朗讯。他的乐趣是jquery, PHP及其它web设计手艺。
获得源代码:http://media.sitejerk.com/wp-content/uploads/2009/10/533_CODE.zip
引见
经由过程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=http://www.webjx.com/php/2009-11-15/"twilike.png" alt="Twitter-Like Site" ></a></h1>
</div>
<div id="arrow"><img src=http://www.webjx.com/php/2009-11-15/"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代码以便显示动静。
<p>左手拿着MOTOLOLA右手拿着NOKIA,要多潇洒,有多潇洒,哈哈,终于学会了,但是可能这个时候,又会有人不经意的拍拍肩膀对你说:哥们,别高兴的太早,你还是菜鸟,离学会还差着一大截呢! |
|