就拿一个简单的示例来说,鼠标点击输入框,提示文字消息,鼠标移开,再显示提示文字。
<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>