jquery仿做发微博功能示例
本文导语: 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 = "
var txtHtml = "
$("#resText").html(txtHtml); // 把返回的数据添加到页面上
},"json");
})
}); www.
发布框
您还可以输入140个字
随便写点东西吧.
问题:
jquery库的问题:使用jquery-1.3.1.js这个文件,能实现功能,但是使用jquery-1.7.1.min.js这个文件,就没有效果!不知何故?
"+content+"