当前位置:  编程技术>WEB前端

用jquery仿做发微博功能示例

    来源: 互联网  发布时间:2014-08-25

    本文导语:  源代码: 代码如下: 发布框 $(function(){ $("#content").focus(function(){ if ($(this).val()==this.defaultValue) { $(this).val(""); //alert($(this).length-1); } }).blur(function(){ if ($(this).val()=='') { $(this).val(this.defaultValue); } }) $("#content").keyup(function(){ //aler...

源代码:
代码如下:





发布框




$(function(){
$("#content").focus(function(){
if ($(this).val()==this.defaultValue) {
$(this).val("");
//alert($(this).length-1);
}
}).blur(function(){
if ($(this).val()=='') {
$(this).val(this.defaultValue);
}
})
$("#content").keyup(function(){
//alert($(this).val().length);
var words_num = 140 - $(this).val().length;
if (words_num < 0) {
//被误导了 这样是不会有 return 值的
//$("font").text(function(words_num){
// return ""+words_num+"";
//});
$("font").css('color','red').text(words_num);
}else{
$("font").text(words_num);
//alert(words_num);
}
})
});

$(function(){
$("#send").click(function(){
$.post("post3.php", {
// username : $("#username").val() ,
content : $("#content").val()
}, function (data, textStatus){
// var username = data.username;
var content = data.content;
// var txtHtml = "
"+username+":

"+content+"

";
var txtHtml = "
"+content+"
";
$("#resText").html(txtHtml); // 把返回的数据添加到页面上
},"json");
})
});





发布框

您还可以输入140个字
随便写点东西吧.



你发送的信息是:






效果图:
 
遇到的问题:

主要就是jquery库的问题:使用jquery-1.3.1.js这个文件,能实现功能,但是使用jquery-1.7.1.min.js这个文件,就没有效果!害我花了很多时间去源代码找问题!!

    
 
 

您可能感兴趣的文章:

  • jquery仿做发微博功能示例
  • jQuery定时器插件 jQuery Timers应用示例
  • jquery打开dialog的简单示例
  • jQuery animate方法定位页面具体位置(示例)
  • jQuery设置input type值示例
  • jquery弹窗代码示例
  • jquery的父子兄弟节点查找示例代码
  • jquery获取第几个元素方法示例 jquery选择器
  • jquery遍历checkbox简单示例
  • jquery动态添加option示例
  • Jquery定时器的简单示例
  • JQuery获取上传文件大小(示例)
  • Jquery在指定DIV加载HTML示例代码
  • jQuery获得内容和属性示例代码
  • jQuery的each终止或跳过示例代码
  • jQuery获得内容和属性方法及示例
  • jquery根据name属性查找示例
  • jQuery find与children方法示例
  • jQuery回车键绑定点击事件示例
  • jQuery 滚动示例插件 kinetic
  • jQuery设置CSS属性(示例)
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 通过javascript库JQuery实现页面跳转功能代码
  • 在myeclipse中如何加入jquery代码提示功能
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery多功能幻灯片插件 Kslider
  • jquery插件开发之实现jquery手风琴功能分享
  • jQuery多功能自动补全插件 Kcomplete
  • jquery禁用右键单击功能屏蔽F5刷新
  • Jquery、Ajax、Struts2定时刷新功能的实现代码
  • iframe中使用jquery查找功能
  • jquery公用web功能组件 GRI
  • jquery全选checkBox功能实现代码(取消全选功能)
  • jquery实现页面图片等比例放大缩小功能
  • Jquery 星级评价功能(简单版)的实现代码
  • 如何让浏览器支持jquery ajax load 前进、后退功能
  • jquery实现文本框数量加减功能的例子分享
  • jQuery实现返回顶部功能适合不支持js的浏览器
  • jquery仿搜索自动联想功能代码
  • iframe中使用jquery查找功能 iis7站长之家
  • asp.net使用jquery实现搜索框默认提示功能
  • jQuery+PHP+ajax实现微博加载更多内容列表功能
  • 使用jquery写个更改表格行顺序的小功能
  • jQuery概述,代码举例及最新版下载
  • jQuery鼠标动画插件 jquery-ahover
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery向导插件 Jquery Wizard Plugin
  • jQuery圆角插件 jQuery Corners
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3