教程集 > 脚本编程 > javascript > 正文 textarea tip提示效果代码

textarea tip提示效果代码

发布时间：2016-11-23 编辑：jiaochengji.com

教程集为您提供textarea tip提示效果代码等资源，欢迎您收藏本站，我们将为您提供最新的textarea tip提示效果代码资源

提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html xmlns:mudoo> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>POPHint & statInput 整合效果</title> <style type="text/css"> </style> <script language="javascript" type="text/javascript"> </script> <script language="javascript" type="text/javascript"> </script> <script language="javascript" type="text/javascript"> </script> </head> <body>

TopstatInput 调用方法

statInput(Element, MaxLen, {objMax, objTotal, objLeft, Hint});

<ul class="info gray"> <li><span class="key">Element：</span><span class="type">Object</span>限制统计对象 (*必须)</li> <li><span class="key">MaxLen：</span><span class="type">Number</span>最大可输入长度 (*必须)</li> <li><span class="key">objMax：</span><span class="type">Object</span>显示最大输入长度对象 (*可选)</li> <li><span class="key">objTotal：</span><span class="type">Object</span>显示输入统计对象 (*可选)</li> <li><span class="key">objLeft：</span><span class="type">Object</span>显示可输入长度对象 (*可选)</li> <li><span class="key">Hint：</span><span class="type">Boolean</span>当长度超出上限时，是否提示 (*可选)</li> </ul>

TopstatInput 演示

<textarea name="Test_1" id="Test_1" rows="10" style="width: 99%" >悟空你也太调皮了，我跟你说过，叫你不要乱扔东西，乱扔东西这么做…… （咣当，悟空棍子掉在地上）你看我还没有说完呢你把棍子又给扔掉了！月光宝盒是宝物，你把他扔掉会污染环境，唉，要是砸到小朋友那怎么办？就算没有砸到小朋友砸到那些花花草草也是不对的呀！</textarea>

最多可输入<span id="stat_max" class="b light"></span>，当前共<span id="stat_total" class="b light"></span>，还可输入<span id="stat_left" class="b light"></span>

ToppopHint 调用方法(目前只支持单行)

popHint(Element, Hint, {Type, Event});

<ul class="info gray"> <li><span class="key">Element：</span><span class="type">Object</span>弹出对象。根据它来定位的。 (*必须)</li> <li><span class="key">Hint：</span><span class="type">String</span>弹出的信息，支持HTML可是不能换行。 (*必须)</li> <li><span class="key">Type：</span><span class="type">String</span>弹出类型。其实说类型是不对的。只是定义个图标而已...(可自己在样式里加很多很多"类型") (*可选)</li> <li><span class="key">Event：</span><span class="type">String</span>关闭触发事件。目前只能绑定单个事件(默认click=document.onmousedown,blur=Element.onblur) (*可选)</li> </ul>
<span style="color: #333333" class="b">详见：http://bbs./thread-2856572-1-1.html</span>

ToppopHint 演示

<ul class="demo gray"> <li>测试blur不关闭： </li> <li>测试blur关闭：</li> </ul> <ul class="demo gray"> <li>Test2：</li> <li>Test3：</li> <li>Test4：</li> <li>Test5：</li> <li></li> </ul>

</body> </html></textarea>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
鼠标悬停tip效果如何用css实现？
纯css实现二级导航菜单效果
 jquery maxlength使用说明
 poshytip 基于jquery的插件主要用于显示微博人的图像和鼠标提示等
 javascript 鼠标移上图片滑出文字提示代码
 javascript弹出层实例代码
 Jquery中的offset()和position()深入剖析
 网站顶部带缓冲打开和关闭功能的横栏提示层js代码
 js 页面右下角弹出提示框的代码分享
 javascript 小提示窗口代码

上一篇：JS仿新浪微博大厅首页滚动效果下一篇：导航菜单代码

[关闭]

textarea tip提示效果代码

最近更新

浏览排行