这款插件的只要有以下特色:
不需要图片,纯 CSS 渲染;
不需要额外的 DOM 支持;
支持文本选择自动移动方向;
准确和动态,这意味着你添加或删除文本它会自动适应;
只有在文本超出输入框可视区域的时候才显示;
使用事件代理机制实现,不用担心性能问题;
使用非常简单,下面是示例代码:
<a href="http://blog.51cto.com/lihongbo/1107474#">?</a>
1
2
3
4
5
6
7
8
<code>// 初始化</code>
<code>$(</code><code>'input:text'</code><code>).inputIndicator();</code>
<code>// 初始化时设置背景位置</code>
<code>$(</code><code>'input:text'</code><code>).inputIndicator({ bgPos:</code><code>'31px'</code> <code>});</code>
<code>// 取消提示</code>
<code>$(</code><code>'input:text'</code><code>).inputIndicator(</code><code>'destroy'</code><code>);</code>
本文转自山边小溪 51CTO博客,原文链接:http://blog.51cto.com/lihongbo/1107474,如需转载请自行联系原作者