js实现input输入框点击变大缩小
- 小云云原创
- 2018-03-07 17:07:564372浏览
本文主要和大家分享js实现input输入框点击变大缩小的实例代码，希望能帮助到大家。
一、input输入框点击变大缩小的js代码
html中
<style type="text/css">
input[type='text'] {
width: 100px;
height: 30px;
border-radius: 5px;
}
</style>
</head>
<body>
<p>
标题:<input class="InputTitle" value="" type="text" />
</p>
<!-- js响应"内容"输入框变大事件:src="/js/article/change_input.js" -->
<p>
内容:<input class="InputContent" value="" type="text_content" />
</p>js代码中
$(document).ready(function() {
$("input[type='text_content']").focus(function() {
$(this).animate({
"width" : "400px",
"height" : "70px"
})
}).blur(function() {
$(this).animate({
"width" : "100px",
"height" : "30px"
})
});
});相关推荐：
JS实现点击下拉菜单把选择的内容同步到input输入框内的实例
以上是js实现input输入框点击变大缩小的详细内容。更多信息请关注PHP中文网其他相关文章！
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
上一篇：Hibernate的配置下一篇：js中的正则表达式大全