手动编写JQUERY插件
浏览数：31 /
时间：2015年06月09日
就拿一个简单的示例来说，鼠标点击输入框，提示文字消息，鼠标移开，再显示提示文字。
<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>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
