Mengenai acara butang penambahan css (cara menulis acara klik tetikus css)

ainer">

Kita sebenarnya perlu menetapkan kesan tetikus pada halaman web berkali-kali. Ada yang dijana secara automatik, seperti pautan. Apabila tetikus dialihkan ke atas, ia secara automatik akan bertukar menjadi tangan apabila diklik. , kadang-kadang apabila terdapat kotak input, secara automatik tetikus akan bertukar menjadi huruf besar bahasa Inggeris I. Jadi bolehkah kita menetapkan lebih banyak objek untuk kelihatan seperti yang kita perlukan Ini benar-benar mungkin

Acara tetikus lain:

onClick: Acara klik tetikus (Merujuk kepada acara klik tetikus dan kemudian melepaskannya.)

onDblClick: Acara klik dua kali tetikus , dilepaskan dan ditekan semula )

onMouseDown: (Berlaku apabila tetikus ditekan.)

onMouseUp: (Merujuk kepada peristiwa pelepasan tetikus dari keadaan ditekan ke pop timbul. .)

onMouseMove: Acara pergerakan tetikus (Merujuk kepada menggerakkan tetikus pada elemen tertentu.)

onMouseOver: (Merujuk kepada, berlaku apabila penunjuk bergerak dari luar ke elemen.)

onMouseOut: Peristiwa Meninggalkan Tetikus (Berlaku apabila tetikus meninggalkan elemen tertentu.)

onLoad: Acara memuatkan atau halaman tamat dimuatkan.)

onUnload: Acara memunggah )

onScroll: Acara skrol bar skrol (dihasilkan apabila pelawat bergerak ke atas atau ke bawah menggunakan roda skrol.)

Kes:

Gunakan gaya tersuai ini pada imej dan pratonton dalam pelayar. Imej menjadi hitam dan putih Kami menentukan gaya lain ".over". " this.className kepada tag imej (IMG) ='over'" onMouseOut="this.className='out'"", yang bermaksud bahawa apabila tetikus melepasi, gambar berada dalam gaya over, iaitu, a warna imej biasa; apabila tetikus pergi, gambar dalam gaya keluar, iaitu, imej hitam dan putih oMouseOver dan onMouseOut ialah acara tetikus, this.className="..." bermaksud nama kelas objek semasa. ialah..., berhati-hati agar tidak salah menulis huruf besar, JS sangat sensitif terhadap huruf besar

Dengan cara ini kesannya selesai, simpan dan semak imbasnya Apabila anda membukanya dalam pelayar, imejnya adalah hitam dan putih. Apabila tetikus dialihkan ke atas, imej menjadi berwarna Apabila tetikus dialihkan, imej berubah kembali kepada hitam dan putih Selagi anda menggunakan imaginasi anda, anda boleh membuat banyak perkara yang indah melalui kaedah ini.className kesan.

Penuding tetikus:

<div onmouseover=\"this.className=\'over\';\"><div onmouseover=\"this.className=\'over\'; this.id=\'over\';\"><div onmouseover=\"this.style.background=\'url(bj.png) no-repeat\';\" onmouseout=\"…;…\">

Takrifan dan penggunaan CSS

:pemilih tuding digunakan untuk memilih elemen tempat penunjuk tetikus terapung

Petua: Pemilih :hover boleh digunakan untuk semua elemen, bukan hanya pautan. .

Petua: Pemilih :pautan menetapkan gaya pautan yang menghala ke halaman yang belum dilawati, pemilih :dilawati digunakan untuk menetapkan pautan ke halaman yang telah dilawati dan pemilih :aktif digunakan untuk pautan aktif.

Nota: Dalam definisi CSS, :hover mesti diletakkan selepas :link dan :visited (jika ada) untuk gaya berkuat kuasa.

Atas ialah kandungan terperinci Mengenai acara butang penambahan css (cara menulis acara klik tetikus css). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!