基于 jQuery & CSS3 實作智能提示輸入框光标位置

　　這款插件的隻要有以下特色：

不需要圖檔，純 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，如需轉載請自行聯系原作者