教程集 www.jiaochengji.com
首页
|
golang教程
|
脚本编程
|
数据库
|
服务器技术
|
操作系统
|
建站教程
Golang 教程
教程集
>
脚本编程
>
javascript
> 正文 改变textarea的大小
改变textarea的大小
发布时间：2023-06-23 编辑：jiaochengji.com
教程集为您提供改变textarea的大小等资源，欢迎您收藏本站，我们将为您提供最新的改变textarea的大小资源
提示：您可以先修改部分代码再运行
<html> <head> <meta http-equiv="Content-Language" content="en" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Resizeable demo - Interface plugin for <a href="http://www.jiaochengji.com/ " target="_blank" class="inner-link">jquery</a></title> <script type="text/javascript" src="http://bbs.okajax.com/ximen/kj/jqinterface/jquery/jquery.js"></script> <script type="text/javascript" src="http://bbs.okajax.com/ximen/kj/jqinterface/interface/interface.js"></script> <style type="text/css" media="all"> body { background: #fff; margin: 0; padding: 0; height: 100%; } #resizeMe { position: absolute; width: 400px; height: 200px; left: 10px; top: 10px; cursor: ns-resize; cursor: n-resize; } #resizeMe textarea { width: 100%; height: 194px; } #resizeS { width: 398px; height: 6px; background-color: #ccc; position: absolute; bottom: 0; left: 0; background-image: url(images/resize_textarea.jpg); background-position: center; overflow: hidden; font-size: 1px; } </style> </head> <body> <div id="resizeMe"> <textarea> I'm a resizable textarea. Try to resize me. Some filler text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus scelerisque nulla ut magna. In hac habitasse platea dictumst. Suspendisse est. Mauris auctor dapibus magna. Vivamus neque magna, facilisis quis, dictum quis, dapibus gravida, neque. Pellentesque tincidunt. Ut lacus nunc, aliquam in, blandit vitae, dignissim a, nisi. Etiam eget quam. Fusce eu ipsum. Quisque et urna. Phasellus tincidunt odio ac sem. Proin blandit libero vestibulum arcu. Suspendisse id massa id mi varius ullamcorper. Ut tempor sagittis purus. Nam vitae risus. Etiam dapibus laoreet nunc. Sed nec sapien. Vestibulum tellus sem, venenatis sed, tincidunt nec, vestibulum id, massa.
