天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

JQuery 小練習(xí)(實(shí)例代碼)

1、按鈕倒數(shù)10秒之后才能點(diǎn)擊。這個(gè)效果一般在一些論壇注冊(cè)時(shí)候用到比較多,廢話(huà)少說(shuō),直接上代碼:
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/Javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/Javascript">
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);
}
}
</script>
</head>
<body>
<input type="button" value="確 定" id="btnSubmit" />
</body>
</html>

2、即點(diǎn)即改,這個(gè)效果一個(gè)多月前還沒(méi)有學(xué)jquery時(shí)覺(jué)得好酷,現(xiàn)在覺(jué)得其實(shí)也非常簡(jiǎn)單的東西,可以看出jquery在前端效果上大大簡(jiǎn)化了編寫(xiě)難度,代碼如下:
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
.caneditBg
{
background-color:Gray;
}
</style>
<script src="js/jquery.js" type="text/Javascript"></script>
<script type="text/Javascript">
$(function() {
$(".canedit").each(function() {
$(this).bind("dblclick", function() {
var html = $(this).html();
var textarea = "<textarea name='temTextarea' id='temTextarea' onblur='saveText(this)' >" + html + "</textarea>";
$(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);
}
</script>
</head>
<body>
<div class="canedit">
即點(diǎn)即改!
</div>
<div>
</div>
</body>
</html>

以上代碼只需要直接copy到html文件,并且保證導(dǎo)入jquery.js文件無(wú)錯(cuò),就可以運(yùn)行。

JavaScript技術(shù)JQuery 小練習(xí)(實(shí)例代碼),轉(zhuǎn)載需保留來(lái)源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 国产成人欧美日韩在线电影 | 99在线在线视频观看 | 久久99国产精品二区不卡 | 在线自拍亚洲视频欧美 | 狠狠狠色丁香婷婷综合久久 | 精品AV亚洲乱码一区二区 | 伊久久| 大肥婆丰满大肥奶bbw肥 | 领导边摸边吃奶边做爽在线观看 | 麻花传媒XK在线观看 | 国产精品免费一区二区三区四区 | 色噜噜噜视频 | 91九色视频无限观看免费 | 神马影院午夜伦理限级 | 久久久久久免费高清电影 | 亚洲阿v天堂在线2017 | 水蜜桃亚洲一二三四在线 | 国产成人一区二区三中文 | 日本大尺码喷液过程视频 | 香蕉AV福利精品导航 | 97国产精品久久精品国产 | 窝窝午夜色视频国产精品东北 | 接吻吃胸摸下面啪啪教程 | 久久偷拍国2017 | 小玲被公扒开腿 | 97国产蝌蚪视频在线观看 | 国产成人精品午夜福麻豆报告 | 丰满的女友1在线观看 | 人妻仑乱少妇88MAV | 窝窝色资源站 | 精品福利一区 | 久久是热这里只有精品 | 国内精品视频在线播放一区 | 与嫂子同居的日子在线观看 | 中文字幕亚洲欧美在线视频 | 中文字幕绝色少妇性 | 国产亚洲精品a在线观看app | 女教师苍井空体肉女教师S242 | 国产永久免费观看视频软件 | 亚洲国产精品一区二区第一页 | 99精品免费在线观看 |