当前位置: 编程技术>jquery
jquery 小例子(按钮倒数，即点即改)
来源: 互联网 发布时间：2014-09-03
本文导语: 为大家提供二个jquery的小例子，一个是按钮倒数10秒之后才能点击，一个是即点即改，小功能大用途，多用在用户注册与信息编辑方面。 有需要的朋友，可以参考下。 1、按钮倒数10秒之后才可以点击，多用于论坛用户注册。 ...
为大家提供二个jquery的小例子，一个是按钮倒数10秒之后才能点击，一个是即点即改，小功能大用途，多用在用户注册与信息编辑方面。
有需要的朋友，可以参考下。
1、按钮倒数10秒之后才可以点击，多用于论坛用户注册。
代码示例:
用户注册_脚本学堂_www.
var timeOut;
var count = 10;
$(function() {
$("#btnSubmit").attr("disabled", "disabled");
$("#btnSubmit").val("确(" + count.toString() + ")定");
timeOut = setTimeout(ButtonCount, 1000);
});
ButtonCount = function() {
if (count == 0) {
$("#btnSubmit").attr("disabled", "");
$("#btnSubmit").val("确 定");
clearTimeout(timeOut);
}
else {
count--;
$("#btnSubmit").attr("disabled", "disabled");
$("#btnSubmit").val("确(" + count.toString() + ")定");
setTimeout(ButtonCount, 1000);
}
}
2、即点即改，即编辑与保存都在本页面完成，无需跳转。
代码示例:
即点即改__www.
.caneditBg
{
background-color:Gray;
}
$(function() {
$(".canedit").each(function() {
$(this).bind("dblclick", function() {
var html = $(this).html();
var textarea = "" + html + "";
$(this).empty().html(textarea);
});
$(this).mouseenter(function() { $(this).addClass("caneditBg") }).mouseleave(function() { $(this).removeClass("caneditBg") });
});
});
saveText = function(o) {
var text = $(o).val();
$(o).parent().empty().html(text);
}
即点即改！
jquery真是个奇妙的好东东，建议大家动手测试一下上面的二个例子，提高会更快哦。
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。