jQuery实现输入框的放大和缩小功能示例

本文实例讲述了框架实现输入框的放大和缩小功能。分享给大家供大家参考，具体如下：

“% @”页面语言=“Java”导入=“Java”。乌提尔。*“页面编码=”UTF-8“% % StringPath=请求。getcontextpath()；StringbasePath=请求。getscheme()' ://'请求。getservername()“:”请求。' getserverport()'路径'/';%!DOCTYPE HTML PUBLIC '-//W3C//DTDHTML 4.01 Transitional//EN ' HTML head base href=' %=base path % ' rel=' external no follow ' title my JSP ' index 4。JSP '起始页/标题meta http-equiv=' pragma '内容=' no-cache ' meta http-equiv=' cache-control '内容=' no-cache ' meta http-equiv=' expires '内容=' 0 ' meta http-equiv=' keywords '内容='放大id=' bigger '/label标签输入类型=' button '名称=' Submit 2 '值='缩小id=' small '/label script type=' text/JavaScript ' $(function(){ var content=$(' # content ')；$('#bigger ').单击(function(){ if(content。高度)()500){内容。高度(内容。高度)()50)；}else{alert('已经够高了');}});$('#small ').单击(function(){ if(content。高度())50){内容。高度(内容。高度()-50)；}else{alert('无法在缩小了');}});});/脚本/正文/html运行效果如下：

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具http://tools.jb51.net/code/HtmlJsRun测试一下运行效果。

更多关于框架相关内容感兴趣的读者可查看本站专题： 《jQuery页面元素操作技巧汇总》 、 《jQuery常见事件用法与技巧总结》 、 《jQuery常用插件及用法总结》 、 《jQuery扩展技巧总结》 、 《jQuery常见经典特效汇总》 及《jquery选择器用法总结》

希望本文所述对大家框架程序设计有所帮助。