Laman » Pengekodan » Bagaimana Membuat Menu Tindakan Terapung Sedang

    Bagaimana Membuat Menu Tindakan Terapung Sedang

    Populariti menu tindakan terapung telah semakin meningkat, terutamanya sejak Medium.com membawa ciri ini menjadi tren. Secara ringkas, menu tindakan terapung timbul bila awak pilih beberapa teks di laman web. Menu muncul berhampiran pemilihan, menunjukkan tindakan yang berbeza yang membenarkan anda memformat, menyerlahkan, atau berkongsi dengan cepat teks yang dipilih dengan pantas.

    Dalam tutorial ini, saya akan menunjukkan kepada anda cara memaparkannya menu tindakan untuk coretan teks yang dipilih di laman web. Menu tindakan kami akan membolehkan pengguna untuk tweet teks yang dipilih kepada pengikut mereka.

    1. Buat HTML

    The pemula HTML adalah mudah, kita hanya perlukan beberapa teks pengguna boleh memilih. Untuk demo, saya akan gunakan “The Hart dan the Hunter” cerita sebelum tidur sebagai contoh teks.

     

    The Hart dan the Hunter

    The Hart pernah ...

    ...

    2. Buat template menu tindakan

    Saya menambah kod HTML milik menu tindakan di dalam a