码迷,mamicode.com
首页 > Web开发 > 详细

手动编写JQUERY插件

时间:2014-06-25 00:42:14      阅读:278      评论:0      收藏:0      [点我收藏+]

标签:style   class   blog   code   java   ext   

就拿一个简单的示例来说,鼠标点击输入框,提示文字消息,鼠标移开,再显示提示文字。

<script type="text/javascript">
    //编写插件
    (function ($) {
        $.fn.placeholder = function (option) {
            var input = this;
            input.focus(function () {
                if (input.val() == "" || input.val() == option.DefaultValue) {
                    input.val("");
                    if (option.WritingColor == undefined) option.WritingColor = "#000000";
                    input.css("color", option.WritingColor);
                }
            });
            input.blur(function () {
                if (input.val() == "") {
                    input.val(option.DefaultValue);
                    if (option.DefaultColor == undefined) option.DefaultColor = "#000000";
                    input.css("color", option.DefaultColor);
                }
            });
            if (input.val() == "") input.blur();
        }
    })(jQuery);
    //调用
    $("#username").placeholder({ DefaultValue: "请输入用户名",DefaultColor:"#888",WritingColor:"#000000" });
    </script>

 

手动编写JQUERY插件,布布扣,bubuko.com

手动编写JQUERY插件

标签:style   class   blog   code   java   ext   

原文地址:http://www.cnblogs.com/xdoudou/p/3806349.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!