天天躁日日躁狠狠躁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)系我們修改或刪除,多謝。

主站蜘蛛池模板: 国产精品麻豆a在线播放 | 天美传媒色情原创精品 | 精品人妻伦一二三区久久AAA片 | 四房播播最新地址 | 精品日产1区2卡三卡麻豆 | 99免费精品 | 在线中文高清资源免费观看 | 人人模人人干 | 日韩精品久久久久影院 | 在线免费看a | 91传媒蜜桃香蕉在线观看 | 国产精品7777人妻精品冫 | 亚洲精品国产自在在线观看 | 国产综合18久久久久久软件 | 国语自产视频在线 | 九色91精品国产网站 | 国产 日韩 欧美 高清 亚洲 | 国产精品美女久久久久浪潮AV | 超碰97人人做人人爱亚洲尤物 | 好爽胸大好深好多水 | 亚洲免费视频在线观看 | 黄片在线观看 | 狼群资源网中文字幕 | 在线 中文字幕 | 2019久久这里只精品热在线观看 | 亚洲视频免费在线观看 | 狠狠色噜噜狠狠狠狠米奇777 | a国产成人免费视频 | 亚洲爆乳少妇精品无码专区 | 97国产揄拍国产精品人妻 | 日韩精品免费在线观看 | YELLOW视频直播在线观看 | 最近日本MV字幕免费观看视频 | 最近在线视频观看2018免费 | 日本久久中文字幕精品 | 亚洲午夜精品一区二区公牛电影院 | 亚洲国产高清视频在线观看 | 美女扒开屁股让男人桶 | 扒开美女嫩bbb | 国产香蕉视频在线观看 | 火影小南被爆羞羞网站 |