Tambah Teks Margin Hover ke Mana-mana Laman Web Mudah dengan Marginotes
Petua dalam baris adalah hebat tetapi kadang-kadang mereka tidak sesuai dengan kandungan tertentu. Kebanyakan laman web meninggalkan ruang di margin di sepanjang badan halaman dan ini sesuai untuk menambah kandungan gaya petua tanpa petua alat.
Masukkan Marginotes, plugin jQuery open source yang percuma menambah nota adat kepada margin laman web anda. Anda boleh menukar nota ini berdasarkan pautan atau elemen tertentu pada halaman, seperti imej.
Plugin ini menghairankan mudah dibuat dan ia dilengkapi dengan lembaran gaya piawai untuk nota margin anda. Ini muncul pergi ke sebelah kandungan anda dan mereka menjajarkan tepat di sebelah elemen perenggan di halaman web anda.
Nota hover adalah ditambah secara manual untuk elemen HTML anda, menggunakan a desc
atribut. Saya tidak pernah melihatnya dalam HTML5 jadi saya tidak boleh mengatakan jika ia mematuhi sepenuhnya. Tetapi, ia dapat dijemput oleh JavaScript yang sememangnya anda perlukan.
Anda juga boleh ubah atribut ini apabila anda menjalankan marginotes ()
fungsi, supaya anda boleh mengubahnya kepada sesuatu seperti data-desc
jika anda mahu menjadi lebih patuh.
Inilah yang satu baris jQuery diperlukan untuk mendapatkan plugin ini berfungsi:
$ ("pemilih"). marginotes ()
Anda perlu ganti "pemilih"
dengan elemen apa sahaja yang anda targetkan. Jadi, jika mereka berada di dalam badan halaman anda, anda mungkin menggunakannya "orang span"
. Anda juga boleh target jangkar utama atau oleh kelas tertentu ditambah kepada unsur-unsur ini.
Di dalam marginotes ()
fungsi, anda boleh menambah dua parameter pilihan untuk menukar format nota margin:
lebar
- menetapkan lebar nota (lalai ke 100px)bidang
- menetapkan atribut kandungan HTML (lalai ke"desc"
)
Juga, jika anda tidak suka menggunakan jQuery anda boleh mencuba plugin Marginotes vanila. Ia berjalan di atas vanila JS, jadi anda ada sifar kebergantungan untuk mendapatkan semua ciri yang sama.
Anda juga boleh menyemak ini demo hidup jika anda mahu melihatnya dalam tindakan. Ini pastinya merupakan plugin yang unik dan ia adalah cara yang hebat untuk tambah beberapa kandungan tambahan ke laman web anda.