1
<input type="text" id="newInput">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
(function($) {
    $.fn.setTip = function(options) {
        var defaults = {
            defaultValue: "",
            focusColor: "#000000",
            blurColor: "#ccc",
            fontSize: "10pt"
        }
        var options = $.extend(defaults, options);
        this.each(function() {
            var thisSearch = $(this);
            thisSearch.focus(function() {
                if (thisSearch.val() == options.defaultValue) {
                    thisSearch.css("color", options.focusColor);
                    thisSearch.val("");
                }
            }).blur(function() {
                if (thisSearch.val() === undefined || thisSearch.val() == '') {
                    thisSearch.css("color", options.blurColor);
                    thisSearch.val(options.defaultValue);
                }
            }).css({
                "color": options.blurColor,
                "font-size": options.fontSize
            });
            if (thisSearch.val() == 'undefined' || thisSearch.val() == "") {
                thisSearch.val(options.defaultValue);
            } else if (thisSearch.val() != options.defaultValue) {
                thisSearch.css("color", options.focusColor);
            }
        });
    };
})(jQuery);
$(document).ready(function() {
    $("#newInput").setTip({
        defaultValue: "世界，你好！"
    });
});
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX