Rumah > hujung hadapan web > tutorial js > Pemalam maklumat segera mudah dilaksanakan oleh jQuery_jquery

Pemalam maklumat segera mudah dilaksanakan oleh jQuery_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-05-16 15:27:16
asal
1311 orang telah melayarinya

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.

Label berkaitan:
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan