本文共 387 字,大约阅读时间需要 1 分钟。
本文主要和大家分享js实现input输入框点击变大缩小的实例代码,希望能帮助到大家。
一、input输入框点击变大缩小的js代码
html中
input[type='text'] {
width: 100px;
height: 30px;
border-radius: 5px;
}
标题:
内容:
js代码中$(document).ready(function() {
$("input[type='text_content']").focus(function() {
$(this).animate({
"width" : "400px",
"height" : "70px"
})
}).blur(function() {
$(this).animate({
"width" : "100px",
"height" : "30px"
})
});
});
相关推荐:
转载地址:http://aftnx.baihongyu.com/