当前位置：首页 > 下载站 > js特效 > jQuery特效 > jQuery文本框输入文字放大预览代码

jQuery文本框输入文字放大预览代码

分类: js特效 / jQuery特效	发布时间: 2017-12-29	访问量: 1429
下载量: 25

点击下载预览效果

更多>

最新下载

jQuery+CSS3实现3D缩略图悬停效果

一款CSS3+jQuery实现的3D缩略图悬停效果，资源中包含4个Demo，效果略有不同。适用浏览器：FireFox、Chrome、Safari、Opera。

0 2026-03-01

CSS3创意3D鞋子产品切换特效

CSS3创意3D鞋子产品切换特效是一款创意的鞋子产品展示布局特效。

0 2026-03-01

jQuery全屏图片切换展示

jQuery全屏图片切换展示是一款大气100%全屏显示图片滚动切换焦点图代码。

0 2026-03-01

CSS3图片全屏显示 CSS3图片全屏显示代码下载

CSS3图片全屏显示是一款css3实现图片全屏显示slider特效。

0 2026-03-01

jquery全屏缩略图翻转

jquery全屏缩略图翻转是一款点击上下箭头按钮缩略图翻转切换显示。

0 2026-03-01

jQuery电商图片放大镜展示特效

jQuery电商图片放大镜展示特效是一款适用于所有电商网站的图片切换放大展示特效。

0 2026-03-01

24小时阅读排行榜

更多>

最新教程

最新Python教程从入门到精通

Node.js 教程

17972 2025-08-28
CSS3 教程

1552048 2025-08-27
Rust 教程

25039 2025-08-27
Vue 教程

26926 2025-08-22
PostgreSQL 教程

23332 2025-08-21
Git 教程

10195 2025-08-21

jQuery文本框输入文字放大预览代码

<title>jQuery文本框输入文字放大预览代码</title>

<script src="js/jquery.min.js"></script>

<style type="text/css">
.fill_ipt{
position: relative;
margin: 200px 0 0 500px;
}
.showbig{
display: block;
width: 400px;
height: 40px;
border: 1px solid #404040;
}
input{
display: block;
width: 100%;
height: 100%;
outline: none;
border: none;
text-indent: 20px;
}
.bigtx{
height: 30px;
min-width:10px;
line-height: 30px;
padding: 0px 8px;
border: 1px solid #C9CFDA;
background: #f5f7fc;
box-shadow: 0 0 10px rgba(120,144,156,0.2);
position: absolute;
left: 0;
top: -0px;
font-size: 24px;
color: #1c2b36;
line-height: normal;
/*display: none;*/
opacity: 0;
transition: all 0.2s;
}
.bigtx span{
font-size: 24px;
color: #1c2b36;
}
</style>