input输入框点击变大缩小的js代码

一、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"})});
});

input输入框点击变大缩小的js代码相关推荐

IOS之代理文字点击变大变小
IOS之代理文字点击变大变小重点是掌握代理的使用,否则也失去次此意义 #import "ViewController.h" #import "AHLJFontSizeP ...
html获取文本框中的文字,JavaScript实现input输入框点击获取文字内容
Js实现INPUT输入框,当鼠标点击文字时自动获取文字内容,并显示在文本框中,一个惯用的表单技巧,有时可省去一些用户输入的麻烦,可有效提升用户体验. input输入框获取js点击文字内容 .c{ wi ...
input输入框点击回车切换到下一个输入框功能
直接上代码: HTML: <form class="layui-form" action="../in" id="form" meth ...
css 图片变大缩小,css3实现图片的变大变小
主要是使用 css3的animation,scale等于1是原图大小,大于1是把图片放大,小于1 是把图片缩小.animation-delay用来延迟5秒触发这个动画 Document * { mar ...
android 图标点击变大,使android桌面图标变大
在平板上android系统默认的桌面图标太小了,需要将其放大.之前在launcher中做了简单的图片放大,带来了图标模糊的问题,重新研究源码寻求解决办法. (1)解决思路是先找到应用程序的图标等信息 ...
python怎么把字体变大_idle怎样设置代码字体大小颜色又快又好
今天小编我看到idle字体有点细微,就随手修改放大字体好让自己看得舒服.下面小编我就分享这篇关于 idle设置代码字体大小和字体颜色的给大伙. 工具/材料电脑 python3.x idle 操作方法 ...
jquery点击图片变大，再点击回复如初
第一步引入jquery依赖 <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script& ...
php点击按钮变文字,点击按钮文字变成input框,点击保存变成文字的实现
下面为大家带来一篇点击按钮文字变成input框,点击保存变成文字的实现代码.内容挺不错的,现在分享给大家,也给大家做个参考. 点击按钮文字变成input框,点击保存变成文字的实现代码点击按钮文字变成 ...
android按钮在容器下方,使用flex布局解决安卓手机上固定在底部的按钮，在键盘弹起后挡住input输入框的问题...
移动端经常会出现,一个表单里面,确定按钮固定在底部这样的布局,一般会让按钮absolute或者fixed,这样在ios上没有问题,但是在安卓手机上,当表单里面的input输入框获得焦点的时候,按钮会挡 ...

input输入框点击变大缩小的js代码

一、input输入框点击变大缩小的js代码

input输入框点击变大缩小的js代码相关推荐

最新文章

热门文章