当前位置:  编程技术>jquery

jquery仿做发微博功能示例

    来源: 互联网  发布时间:2014-10-04

    本文导语:  1,jquery代码,仿发微博界面功能。   代码示例: 微博发布框 $(function(){ $("#content").focus(function(){ if ($(this).val()==this.defaultValue) { $(this).val(""); //alert($(this).length-1); } }).blur(function(){ if ($(this).val()=='') { $(this).val(this...

1,jquery代码,仿发微博界面功能。
 

代码示例:





微博发布框



$(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");
   })
}); www.




发布框

您还可以输入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仿搜索自动联想功能代码
  • jquery禁用右键、文本选择功能、复制按键的代码(兼容多浏览器)
  • asp.net使用jquery实现搜索框默认提示功能
  • jQuery+PHP+ajax实现微博加载更多内容列表功能
  • 使用jquery写个更改表格行顺序的小功能
  • jQuery概述,代码举例及最新版下载
  • jQuery鼠标动画插件 jquery-ahover
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery向导插件 Jquery Wizard Plugin
  • jQuery圆角插件 jQuery Corners
  • java/j2ee iis7站长之家
  • 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