jQuery插件smartFocus实现javascript文本框blur焦点显示或隐藏默认值效果

SmartFocus是一个非常简单的jQuery小插件，但可实现javascript文本框blur焦点显示或隐藏默认值效果，默认时文本框有默认值，当鼠标触发文本框焦点事件后，默认值隐藏，失去焦点后再显示默认值，其效果图如下：

使用说明
1，需要使用jQuery库文件(目前版本1.3)
2，smartFocus介绍

代码如下

1. <script src="jquery.js"></script>
2. <script>
3. jQuery.fn.smartFocus = function(text) {
4. $(this).val(text).focus(function(){
5. if($(this).val() == text){
6. $(this).val('');
7. }
8. }).blur(function(){
9. if( $(this).val() == '' ){
10. $(this).val(text);
11. }
12. });
13. };
15. jQuery(document).ready(function(){
16. var website = '* www.biuuu.com';
17. $('#website').smartFocus(website);
18. });
19. </script>
20. <div id="content">
21. <input type="text" name="website" id="website"/>
22. </div>

使用比效简单，过程如下：
一，首先定义一个文本框显示的默认值，如：var website = '* www.biuuu.com'，
二，然后将默认值赋给ID为website的文本框，如：$('#website').smartFocus(website);

smartFocus小插件可直接应用于自定义库中，非常灵活，实现你需要的javascript文本框blur焦点显示或隐藏默认值效果。