﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>BlogJava-昊天-随笔分类-Jquery</title><link>http://www.blogjava.net/hao446tian/category/50531.html</link><description /><language>zh-cn</language><lastBuildDate>Thu, 05 Jan 2012 14:21:16 GMT</lastBuildDate><pubDate>Thu, 05 Jan 2012 14:21:16 GMT</pubDate><ttl>60</ttl><item><title>jQuery文本框字符限制插件 - Textarea Counter</title><link>http://www.blogjava.net/hao446tian/archive/2012/01/05/367884.html</link><dc:creator>昊天</dc:creator><author>昊天</author><pubDate>Thu, 05 Jan 2012 02:14:00 GMT</pubDate><guid>http://www.blogjava.net/hao446tian/archive/2012/01/05/367884.html</guid><wfw:comment>http://www.blogjava.net/hao446tian/comments/367884.html</wfw:comment><comments>http://www.blogjava.net/hao446tian/archive/2012/01/05/367884.html#Feedback</comments><slash:comments>1</slash:comments><wfw:commentRss>http://www.blogjava.net/hao446tian/comments/commentRss/367884.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/hao446tian/services/trackbacks/367884.html</trackback:ping><description><![CDATA[众所周知&lt;textarea&gt;文本框没有类似maxlength的属性，无法限制输入字符的个数。今天要推荐的Textarea Counter正是为了弥补这个缺点而出现的文本框字符限制插件。 
<p sizset="15" sizcache="29"><img class="lwfimg" title="jQuery文本框字符限制插件 - Textarea Counter" style="behavior: none" alt="jQuery文本框字符限制插件 - Textarea Counter" src="http://site518.net/wp-content/uploads/2011/08/TextareaCounter.jpg" width="446" isimg="false" /><span id="more-586"></span></p>
<p>　　Textarea Counter是一个轻量级的jQuery文本框字符限制插件，它也是简单易用的。字数限制的提示信息将会显示在文本框的下方，你也可以自定义提示信息的格式。当输入的字符超过字数限制时，提示信息将会相应的变为警告性的样式。</p>
<h3 style="padding-right: 0px; margin-top: 10px; padding-left: 10px; margin-bottom: 10px; padding-bottom: 5px; color: #ffffff; padding-top: 5px; background-color: gray">如何使用</h3>
<p>　　首先要加载jQuery库Textarea counter插件</p>
<p style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 5px; font-size: 13px;background: #fffaef 0px 0px; padding-bottom: 5px; border-left: #cccccc 1px solid; color: #ab9276; padding-top: 5px; border-bottom: #cccccc 1px solid; font-family: monospace">&lt;script src="jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;<br />&lt;script src="jquery.textareaCounter.js" type="text/javascript"&gt;&lt;/script&gt;</p>
<p>　　在页面中增加一个textarea元素，如下</p>
<p style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 5px; font-size: 13px;background: #fffaef 0px 0px; padding-bottom: 5px; border-left: #cccccc 1px solid; color: #ab9276; padding-top: 5px; border-bottom: #cccccc 1px solid; font-family: monospace">&lt;textarea id="site" cols="60" rows="10"&gt;&lt;/textarea&gt;</p>
<p>　　最后初始化插件</p>
<p style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 5px; font-size: 13px;background: #fffaef 0px 0px; padding-bottom: 5px; border-left: #cccccc 1px solid; color: #ab9276; padding-top: 5px; border-bottom: #cccccc 1px solid; font-family: monospace">var options = {<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'maxCharacterSize': 200,<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'originalStyle': 'originalTextareaInfo',<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'warningStyle' : 'warningTextareaInfo',<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'warningNumber': 40,<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'displayFormat' : '#input/#max | #words words'<br />&nbsp;&nbsp;&nbsp;};<br />$('#site).textareaCount(options);</p>
<p style="text-align: center" sizset="13" sizcache="30"><a class="lwfbutton large blue" href="http://dl.dbank.com/c0xqrqcylv" target="_blank">下载</a>　<a class="lwfbutton large green" href="http://site518.net/demo/textarea/textarea.htm" target="_blank">演示</a></p><br /><img src ="http://www.blogjava.net/hao446tian/aggbug/367884.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/hao446tian/" target="_blank">昊天</a> 2012-01-05 10:14 <a href="http://www.blogjava.net/hao446tian/archive/2012/01/05/367884.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>50个必备的实用jQuery代码段(转载) </title><link>http://www.blogjava.net/hao446tian/archive/2012/01/04/367841.html</link><dc:creator>昊天</dc:creator><author>昊天</author><pubDate>Wed, 04 Jan 2012 07:01:00 GMT</pubDate><guid>http://www.blogjava.net/hao446tian/archive/2012/01/04/367841.html</guid><wfw:comment>http://www.blogjava.net/hao446tian/comments/367841.html</wfw:comment><comments>http://www.blogjava.net/hao446tian/archive/2012/01/04/367841.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/hao446tian/comments/commentRss/367841.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/hao446tian/services/trackbacks/367841.html</trackback:ping><description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp; 摘要: 50个必备的实用jQuery代码段 本文会给你们展示50个 jquery代码片段，这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法，另一些则是 真正有用的函数或方法，他们能够帮助你又快又好地把事情完成。如果你发现你任何可以做得更好的地方的话，欢迎把你的版本粘贴在评论中!1. 如何修改jQuery默认编码（例如默认UTF-8改成改GB...&nbsp;&nbsp;<a href='http://www.blogjava.net/hao446tian/archive/2012/01/04/367841.html'>阅读全文</a><img src ="http://www.blogjava.net/hao446tian/aggbug/367841.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/hao446tian/" target="_blank">昊天</a> 2012-01-04 15:01 <a href="http://www.blogjava.net/hao446tian/archive/2012/01/04/367841.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>