Petunjuk penciptaan dengan nikmat

nikmati: alat untuk membuat petua laman web interaktif

NikmatiHint adalah alat untuk membuat arahan interaktif di laman web yang membantu pengguna memahami fungsi aplikasi web. Ia bebas untuk digunakan, menyokong kawasan yang diserlahkan bentuk yang berbeza, membolehkan kelewatan segera, dan menyediakan sokongan silang penyemak imbas.

Fungsi teras:

• Percuma dan mudah digunakan: nikmat benar -benar percuma dan mudah digunakan.
• Petua interaktif: Buat petua interaktif yang menarik perhatian pengguna untuk membimbing pengguna untuk memahami fungsi laman web.
• Bentuk tersuai: menyokong pelbagai bentuk kawasan sorotan dan fleksibel menyesuaikan diri dengan elemen halaman yang berbeza.
• Tetapan Kelewatan: Anda boleh menetapkan masa kelewatan segera untuk mengoptimumkan pengalaman pengguna.
• Keserasian silang pelayar: serasi dengan pelayar arus perdana untuk memastikan kebolehgunaan yang meluas.
• Sokongan terminal mudah alih: menyokong peranti skrin sentuhan Android, iOS dan Windows.

cara menggunakan:

1. Pemasangan: Pasang menggunakan Bower () atau muat turun dari repositori GitHub. bower install enjoyhint
2. Pengenalan: Memperkenalkan perpustakaan nikmat dan jQuery dalam fail HTML (versi mestilah lebih besar daripada atau sama dengan 1.7).
3. Inisialisasi: Buat contoh nikmat baru: var enjoyhint_instance = new EnjoyHint({});
4. Petua Definisi: Buat pelbagai langkah prompt , setiap langkah mentakrifkan kandungan segera, peristiwa pencetus, gaya, dll. enjoyhint_script_steps
5. Menetapkan konfigurasi: Gunakan untuk menetapkan konfigurasi prompt. enjoyhint_instance.set(enjoyhint_script_steps);
6. Run: Panggil Jalankan skrip prompt. enjoyhint_instance.run();

Contoh definisi segera:

arahan mudah, sorot butang dan paparkan arahan:

var enjoyhint_script_steps = [{
    'click .btn': '点击此按钮切换搜索结果',
    'skipButton': {className: "mySkip", text: "明白了"} //自定义跳过按钮
}];

Buat urutan segera:

oleh acara

, pelbagai arahan dipaparkan dalam urutan: next

var enjoyhint_script_steps = [
    {'next .navbar-brand': '这是网站标题'},
    {'key #mySearch': '在此输入搜索关键词，按Enter键搜索', 'keyCode': 13},
    {'click .btn': '点击这里切换搜索类型'},
    {'next .about': '关于我们', 'shape': 'circle', 'radius': 70},
    {'next .contact': '欢迎反馈', 'showSkip': false} // 最后一个提示，隐藏跳过按钮
];

Fungsi Callback:

nikmati yang menyediakan

, onStart dan onEnd fungsi panggil balik, yang melakukan operasi tersuai sebelum, selepas, dan sebelum setiap prompt bermula, masing -masing. onBeforeStart

Ringkasan:

NikmatiHint adalah alat yang kuat dan mudah digunakan yang membantu pemaju membuat panduan pengguna interaktif dan meningkatkan pengalaman pengguna. Pilihan penyesuaian yang fleksibel dan keserasian penyemak imbas menjadikannya sesuai untuk projek pembangunan web.

(Sila ambil perhatian: Oleh kerana saya tidak mempunyai keupayaan untuk mengakses pautan imej luaran, imej tidak dapat dipaparkan. Sila ganti pautan imej dengan pautan yang tersedia.)

Atas ialah kandungan terperinci Petunjuk penciptaan dengan nikmat. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!