快速业务通道

PHP+MySQL+jQuery打造自己的微博程序

作者 佚名技术 来源 NET编程 浏览 发布时间 2012-05-23

  我们在QQ个人中心或者新浪微博等网站上可以看到一个发表话题的应用。该应用实现了即时统计输入字数,并且通过Ajax与后台交互,将输入内容插入到话题列表中。本文讲解第一部分jQuery实现前端交互操作。

  

图例

 

  XHTML代码

 

  1. <form id="myform" action="say.php" method="post">        
  2.     <h3><span class="counter">140</span>说说你正在做什么...</h3>        
  3.     <textarea name="saytxt" id="saytxt" class="input" rows="2" cols="40"></textarea>        
  4.     <p>           
  5.        <input type="image" src="images/btn.gif" class="sub_btn" alt="发布" />           
  6.        <span id="msg"></span>        
  7.     </p>     
  8. </form>     
  9. <div class="clear"></div>     
  10. <div id="saywrap">         
  11.      <div class="saylist">            
  12.         <a href="#"><img src="images/user.gif" alt="" /></a>            
  13.         <div class="saytxt">               
  14.             <p><strong><a href="#">Demo</a></strong>发布的内容...</p>                
  15.             <div class="date"></div>            
  16.         </div>            
  17.         <div class="clear"></div>         
  18.      </div>     
  19. </div>   

  XHTML是一个表单,里面有输入框textarea,发布按钮,还有一个统计输入字数的span#counter,和信息提示span#msg,在没有输

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号