hover的一个实例教程
实例
选择鼠标指针浮动在其上的元素，并设置其样式：
a:hover
{
background-color:yellow;
}
//hover,鼠标移入移出的另一种用法
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>左导航特效</title><style type="text/css">* {margin: 0px;padding: 0px;font-size: 12px;}#nav .navsBox {width: 160px;}#nav .navsBox .firstNav {height:45px;line-height:45px;background-color:#EBEBEB;border-left:10px solid #FE705C;padding-left:20px;width:130px;font-weight:bold;cursor: pointer;}#nav .navsBox ul {display:none;list-style:none;}#nav .navsBox ul li {display:block;height:45px;line-height:45px;padding-left:70px;width:90px;background-color:#F2F2F2;background-position:33px 7px;background-repeat:no-repeat;}#nav .navsBox ul li.jedh {background-image:url("./images/huan.gif");}#nav .navsBox ul li.jlbbyk {background-image:url("./images/you.gif");}#nav .navsBox ul li.jwljb {background-image:url("./images/gouwu.gif");}#nav .navsBox ul li.mrljb {background-image:url("./images/meiri.gif");}#nav .navsBox ul li.vipjtj {background-image:url("./images/zhe.gif");}#nav .navsBox ul li.onbg {background-color:#F9DBD1;}#nav .navsBox ul li a {color:#000;text-decoration:none;}</style><script src="js/jquery-1.11.3.min.js?1.1.11"></script><script>$(function () {
$(".firstNav").click(function () {var $ul= $(this).next(); if($ul.is(":visible")){
$ul.hide();
}else{
$ul.show();
$ul.children().hover(function () {
$(this).addClass("onbg");
},function () {
$(this).removeClass("onbg")
})
}
})
})</script></head><body><div id="nav"><div class="navsBox"><div class="firstNav">购物特权</div><ul><li class="jedh"><a href="#">全额兑换</a></li><li class="jlbbyk"><a href="#">俱乐部包邮卡</a></li><li class="jwljb"><a href="#">购物领金币</a></li><li class="mrljb"><a href="#">每日领金币</a></li><li class="vipjtj"><a href="#">VIP阶梯价</a></li></ul></div></div></body></html>
Atas ialah kandungan terperinci hover的一个实例教程. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Menganalisis penggunaan dan klasifikasi ulasan JSP
Feb 01, 2024 am 08:01 AM
Klasifikasi dan Analisis Penggunaan Komen JSP Komen JSP terbahagi kepada dua jenis: komen satu baris: berakhir dengan, hanya satu baris kod boleh diulas. Komen berbilang baris: bermula dengan /* dan berakhir dengan */, anda boleh mengulas berbilang baris kod. Contoh ulasan satu baris Contoh ulasan berbilang baris/**Ini ialah ulasan berbilang baris*Boleh mengulas pada berbilang baris kod*/Penggunaan ulasan JSP Komen JSP boleh digunakan untuk mengulas kod JSP agar lebih mudah dibaca
Pengalaman terbang dengan kamera Haval X1
Jan 15, 2024 pm 02:21 PM
Kita sering dapat melihat banyak video top-down yang menarik di Internet Gambar-gambar yang diambil oleh dron memang agak mengejutkan di mana penerbangan dihadkan? Malah, "drone" sedia untuk terbang adalah arus perdana semasa, dan ia lebih sesuai untuk pilihan kebanyakan orang Hari ini saya akan memberi anda pengalaman langsung dengan Harvest Flying Camera X1. Dari segi penampilan, Harvest Flying Camera X1 mempunyai reka bentuk lipatan pertama. Keseluruhan kamera hanya 125g, yang lebih ringan daripada telefon bimbit Ia boleh dipegang dengan mudah selepas dilipat dan boleh dimasukkan ke dalam beg tanpa sebarang tekanan. Empat daun yang dicelup lembut dan reka bentuk bingkai keselamatan melindungi keselamatan penangkapan dengan sempurna. Daun Dicelup secara inovatif menggunakan substrat biologi berasaskan Bio, yang sangat elastik dan tahan lama, selamat dan mesra alam ia juga mempunyai bingkai perlindungan sepenuhnya untuk melindungi tangan anda semasa berlepas dan mendarat.
Cara menggunakan fungsi keluar dalam bahasa C dengan betul
Feb 18, 2024 pm 03:40 PM
Cara menggunakan fungsi keluar dalam bahasa C memerlukan contoh kod khusus Dalam bahasa C, kita selalunya perlu menamatkan pelaksanaan program pada awal program, atau keluar dari program dalam keadaan tertentu. Bahasa C menyediakan fungsi exit() untuk melaksanakan fungsi ini. Artikel ini akan memperkenalkan penggunaan fungsi exit() dan memberikan contoh kod yang sepadan. Fungsi exit() ialah fungsi perpustakaan standard dalam bahasa C dan disertakan dalam fail pengepala. Fungsinya adalah untuk menamatkan pelaksanaan program, dan boleh mengambil integer
Penggunaan fungsi WPSdatedif
Feb 20, 2024 pm 10:27 PM
WPS ialah suite perisian pejabat yang biasa digunakan, dan fungsi jadual WPS digunakan secara meluas untuk pemprosesan dan pengiraan data. Dalam jadual WPS, terdapat fungsi yang sangat berguna, fungsi DATEDIF, yang digunakan untuk mengira perbezaan masa antara dua tarikh. Fungsi DATEDIF ialah singkatan daripada perkataan Inggeris DateDifference Sintaksnya adalah seperti berikut: DATEDIF(start_date,end_date,unit) dengan start_date mewakili tarikh mula.
Pengenalan kepada fungsi Python: Penggunaan dan contoh fungsi abs
Nov 03, 2023 pm 12:05 PM
Pengenalan kepada fungsi Python: penggunaan dan contoh fungsi abs 1. Pengenalan kepada penggunaan fungsi abs Dalam Python, fungsi abs ialah fungsi terbina dalam yang digunakan untuk mengira nilai mutlak nilai tertentu. Ia boleh menerima hujah berangka dan mengembalikan nilai mutlak nombor itu. Sintaks asas fungsi abs adalah seperti berikut: abs(x) dengan x ialah parameter berangka untuk mengira nilai mutlak, yang boleh menjadi integer atau nombor titik terapung. 2. Contoh fungsi abs Di bawah kami akan menunjukkan penggunaan fungsi abs melalui beberapa contoh khusus: Contoh 1: Pengiraan
Pengenalan kepada fungsi Python: Penggunaan dan contoh fungsi isinstance
Nov 04, 2023 pm 03:15 PM
Pengenalan kepada fungsi Python: Penggunaan dan contoh fungsi isinstance Python ialah bahasa pengaturcaraan berkuasa yang menyediakan banyak fungsi terbina dalam untuk menjadikan pengaturcaraan lebih mudah dan cekap. Salah satu fungsi terbina dalam yang sangat berguna ialah fungsi isinstance(). Artikel ini akan memperkenalkan penggunaan dan contoh fungsi isinstance dan memberikan contoh kod khusus. Fungsi isinstance() digunakan untuk menentukan sama ada objek ialah contoh kelas atau jenis tertentu. Sintaks fungsi ini adalah seperti berikut
Penerangan terperinci dan pengenalan penggunaan fungsi MySQL ISNULL
Mar 01, 2024 pm 05:24 PM
Fungsi ISNULL() dalam MySQL ialah fungsi yang digunakan untuk menentukan sama ada ungkapan atau lajur yang ditentukan adalah NULL. Ia mengembalikan nilai Boolean, 1 jika ungkapan itu NULL, 0 sebaliknya. Fungsi ISNULL() boleh digunakan dalam pernyataan SELECT atau untuk pertimbangan bersyarat dalam klausa WHERE. 1. Sintaks asas fungsi ISNULL(): ISNULL(ungkapan) di mana ungkapan ialah ungkapan untuk menentukan sama ada ia NULL atau
Menggunakan kata kunci yang berbeza dalam menghuraikan SQL
Feb 18, 2024 pm 09:21 PM
Penjelasan terperinci tentang penggunaan berbeza dalam SQL Dalam pangkalan data SQL, kita sering menghadapi situasi di mana kita perlu mengalih keluar data pendua. Pada masa ini, kami boleh menggunakan kata kunci yang berbeza, yang boleh membantu kami mengalih keluar data pendua dan menjadikan hasil pertanyaan lebih jelas dan tepat. Penggunaan asas berbeza adalah sangat mudah, hanya gunakan kata kunci yang berbeza dalam pernyataan pilih. Sebagai contoh, berikut ialah penyataan pilih biasa: SELECTcolumn_name
