博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
php怎么设置input大小,js实现input输入框点击变大缩小
阅读量:5868 次
发布时间:2019-06-19

本文共 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/

你可能感兴趣的文章
PHP弹出提示框并跳转到新页面即重定向到新页面
查看>>
wordpress研究院介绍
查看>>
华为设备IP流量统计
查看>>
windows关机重启命令
查看>>
Git常用命令
查看>>
我的友情链接
查看>>
一次完整的HTTP事务是怎样一个过程?
查看>>
CSRF防护
查看>>
4岁童要嫁妆:等我结婚你可得给我买宝马
查看>>
定制属于自己的 linux 内核(Step 1)
查看>>
shell中变量赋值的几种方式 + - = ?
查看>>
Tab键的适当设置
查看>>
mysqlpump —mysql5.7官方表级别并发逻辑备份工具
查看>>
龙存存储部署管理维护文档
查看>>
社会化媒体营销 @ 微信营销用户群分析
查看>>
正确、错误信息输出到文件
查看>>
我的友情链接
查看>>
centos搭建LNMP+LAMP环境+(jdk+tomcat+mysql)
查看>>
Git管理Puppet打造统一配置管理
查看>>
LINUX命令大全
查看>>