|
我們?cè)赒Q個(gè)人中心或者新浪微博等網(wǎng)站上可以看到一個(gè)發(fā)表話題的應(yīng)用。該應(yīng)用實(shí)現(xiàn)了即時(shí)統(tǒng)計(jì)輸入字?jǐn)?shù),并且通過(guò)Ajax與后臺(tái)交互,將輸入內(nèi)容插入到話題列表中。本文講解第一部分jQuery實(shí)現(xiàn)前端交互操作。
XHTML代碼
<form id="myform" action="say.php" method="post">
<h3><span class="counter">140</span>說(shuō)說(shuō)你正在做什么...</h3>
<textarea name="saytxt" id="saytxt" class="input" rows="2" cols="40"></textarea>
<p>
<input type="image" src="images/btn.gif" class="sub_btn" alt="發(fā)布" />
<span id="msg"></span>
</p>
</form>
<div class="clear"></div>
<div id="saywrap">
<div class="saylist">
<a href="#"><img src="images/user.gif" alt="" /></a>
<div class="saytxt">
<p><strong><a href="#">Demo</a></strong>發(fā)布的內(nèi)容...</p>
<div class="date"></div>
</div>
<div class="clear"></div>
</div>
</div>
it知識(shí)庫(kù):PHP+MySQL+jQuery實(shí)現(xiàn)發(fā)布微博程序——jQuery篇,轉(zhuǎn)載需保留來(lái)源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。