Contoh dalam artikel ini menerangkan pemalam maklumat segera ringkas yang dilaksanakan oleh jQuery. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:
Kod jQuery adalah seperti berikut:
1 2 3 4 5 6 7 8 9 10 11 12 | ( function ($) {
$.fn.Tips = function (options) {
var defaults = {
html: "" ,
times: 3000
}
_this_ = $( "#tips" );
_this_.html(options.html);
_this_.show();
setTimeout( function () { _this_.hide() }, options.times);
};
})(jQuery);
|
Salin selepas log masuk
Gaya css adalah seperti berikut:
1 2 3 4 5 6 7 8 9 | .tips
{
height: 20px;
background-color: Green;
padding: 5px 20px;
color: White;
display: none;
margin-left: 50px;
}
|
Salin selepas log masuk
Cara menggunakan:
1 2 3 4 | <span class = "tips" style= "display:none" id= "tips" ><span>
<script>
$( "#aa" ).Tips({html: "提示信息的内容" ,times:4000})
</script>
|
Salin selepas log masuk
Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.