Bagaimana untuk menetapkan gaya kursor ke penunjuk pautan tanpa href?

王林
Lepaskan: 2023-08-24 12:13:02
ke hadapan
545 orang telah melayarinya

如何将光标样式设置为没有 href 的链接的指针?

Kita boleh menggunakan tegdalam HTML untuk menambah pautan ke halaman web. Gaya kursor lalai untuk elemenialah penunjuk, tetapi mengalih keluar atribut href daripada tegmengubah gaya kursor.

Jadi, dalam tutorial ini, kita akan belajar untuk mengekalkan gaya kursor sebagaipenunjuk bertanda tanpa atribut href.

Pengguna boleh mengikuti contoh di bawah untuk melihat gaya kursor lalaielemen

Contoh

Dalam contoh di bawah, kami menggunakan teguntuk membuat tiga pautan berbeza.

Dalam output, kita boleh perhatikan bahawa apabila kita mengarahkan tetikus pada pautan pertama, kursor menjadi penunjuk kerana ia mengandungi atribut href untuk pautan kedua, kursor juga menjadi penunjuk kerana ia Juga mengandungi atribut href dengan nilai rentetan kosong dan apabila kita menuding pada pautan ketiga, gaya kursor berubah kerana ia tidak mengandungi atribut href.

  

Cursor pointer on the anchor texts

tutorialspoint

Cursor pointer

No cursor pointer
Salin selepas log masuk

Kini pengguna memahami cara gaya kursor berubah apabila kami mengalih keluar atribut href daripada teg.

Di bawah, kita akan melihat contoh menetapkan penuding kursor untuk pautan tanpa atribut href.

Tatabahasa

Pengguna boleh mengikuti sintaks di bawah dan menggunakan css untuk menetapkan penuding kursor kepada pautan tanpa atribut href.

Salin selepas log masuk

Dalam sintaks di atas, "penunjuk" ialah kelas yang diberikan kepada elemen, dan kami menukar gaya penuding elemen yang mengandungi kelas "penunjuk".

Contoh

Dalam contoh di bawah, kami mencipta dua elemenberbeza dan menetapkan kelas "penunjuk" kepada kedua-dua elemen. Dalam bahagian, kami menambah gaya sebaris untuk halaman web. Kami mengakses kelas "penunjuk" dalam teg

Using the CSS to set the cursor pointer on the anchor texts in the link without the href attribute

cursor pointer

No href attribute
Salin selepas log masuk

Contoh

Dalam contoh di bawah, kami menggunakan gaya "kursor:penunjuk" untuk menggayakan kursor bagi elemen tanpa atribut href kepada penuding, seperti yang ditunjukkan dalam Contoh 2, tetapi kami telah menggunakan CSS sebaris pada teg .

Contoh

Dalam contoh di bawah, kami menggunakan atribut acara "onmouseover". Setiap kali penuding tetikus bergerak ke atas tanda , ia memanggil fungsi panggil balik yang diberikan kepadanya. Di sini, bukannya memberikan fungsi panggil balik, kami menetapkan baris CSS.

Jadi apabila pengguna menuding pada teg tanpa atribut href, gaya kursor akan ditetapkan kepada penuding.

Contoh

Dalam contoh di bawah, kami telah menggunakan teg dengan atribut href, tetapi kami telah menetapkan rentetan kosong sebagai nilai atribut href. Oleh itu, ia secara automatik bertindak sebagai pautan nol dan menetapkan penunjuk kursor untuk teg .

Dalam tutorial ini, kami belajar cara menggayakan kursor sebagai penunjuk pada pautan tanpa atribut href. Kami menggunakan CSS untuk menukar gaya kursor. Selain itu, kami menggunakan atribut acara onmouseover untuk mengesan peristiwa over mouse dan menukar gaya kursor dengan sewajarnya.

Atas ialah kandungan terperinci Bagaimana untuk menetapkan gaya kursor ke penunjuk pautan tanpa href?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:tutorialspoint.com
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
Cadangan popular
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!