10 Petua Jquery Awesome

10 Plug-Ins Tooltip Cool JQuery Disyorkan

Kami telah mengumpul 10 plugin tooltip jQuery sejuk yang mungkin tidak pernah anda lihat sebelumnya. Plugin ini menyediakan beberapa pilihan tooltip yang mudah dan berkesan yang mudah dilaksanakan di laman web anda. Mari kita nikmati bersama! Artikel Berkaitan: - 10 JQuery Tooltip Plugin dan Tutorial

1. pop!

Gunakan Pop!, Plugin JavaScript bebas gangguan yang mudah, dengan mudah membuat menu drop-down yang mudah.

kod sumber

2. BetterTip

Plugin Perpustakaan JQuery yang membolehkan anda membuat ToolTips Custom.

3. EZPZ Tooltip

Tooltip yang sangat mudah dengan sempadan dan mengikuti tetikus.

4. bstip

Pelbagai tip alat mudah dengan kesan dan sempadan peralihan pudar dan keluar.

kod sumber

5. cluetip

membolehkan anda dengan mudah memaparkan petua alat yang bagus pada mana -mana elemen yang ditentukan dalam skrip anda apabila pengguna menggunakan pengguna yang ditentukan oleh pengguna.

kod sumber

6. inline html tooltip

membolehkan anda menentukan petua alat HTML yang kaya yang tertanam terus ke laman web anda dan muncul apabila tetikus anda melalui pautan halaman.

[kod sumber] (ini harus menjadi pautan kod sumber dari plug-in tooltip html inline)

7. Kotak Petunjuk Terapung Input

Satu alat yang menarik dengan sudut bulat untuk medan input. Apabila mengklik pada medan input, tooltip memudar;

[kod sumber] (ini harus menjadi pautan kod sumber pemalam kotak petunjuk terapung input)

8. Orbital Tooltip

Menggunakan tooltip orbital, anda boleh memilih untuk meletakkan petua di mana -mana 360 darjah di sekitar objek. Ia menawarkan pelbagai jarak dan offset serta pilihan gaya untuk menjadikannya menonjol di antara petak jQuery yang lain.

9. Jgrowl Tooltips
Plug-in jQuery yang memaparkan mesej segera yang tidak mencolok dalam penyemak imbas, sama seperti bagaimana rangka kerja OS X berfungsi.

vtip

10. Dengan rangka kerja jQuery, atribut tajuk mana -mana elemen dengan kelas "VTIP" akan ditukar menjadi tooltip yang bersih dan disesuaikan tanpa canggung dan pemuatan masa skrip tooltip yang besar.

kod sumber

JQuery Tooltip FAQ

Bagaimana untuk menyesuaikan penampilan tooltip jQuery?

Penampilan tooltip jQuery boleh disesuaikan melalui CSS. Anda boleh mengubahsuai warna, saiz, sempadan, dan lain -lain dari tooltip. Sebagai contoh, jika anda ingin menukar warna latar belakang, anda boleh menggunakan kod berikut:

ingat untuk menggantikan "#f6f6f6" dengan warna yang anda pilih. Anda juga boleh menambah ciri -ciri CSS tambahan untuk menyesuaikan lagi petua alat anda.

.ui-tooltip {
  background: #f6f6f6;
}

Bolehkah saya menggunakan kandungan html dalam jQuery tooltips?

Ya, anda boleh menggunakan kandungan HTML dalam JQuery Tooltips. Ini boleh dilakukan dengan menetapkan pilihan "Kandungan" kepada fungsi yang mengembalikan HTML untuk dipaparkan. Berikut adalah contoh:

Dalam contoh ini, tooltip akan memaparkan teks "Ini adalah alat yang berani!"

$( ".selector" ).tooltip({
  content: function() {
    return "**这是一个粗体工具提示！**";
  }
});

... (seluruh bahagian FAQ, mengekalkan struktur asal, hanya membuat pengubahsuaian kecil kepada kata -kata, seperti mengubah beberapa "bagaimana saya boleh" untuk ekspresi yang lebih ringkas, dan mengekalkan integriti blok kod)

Atas ialah kandungan terperinci 10 Petua Jquery Awesome. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!