Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Cara menggunakan jquery untuk meningkatkan lebar li apabila tetikus melayang

Cara menggunakan jquery untuk meningkatkan lebar li apabila tetikus melayang

青灯夜游asal: 2022-03-23 17:46:091864semak imbas

Kaedah: 1. Gunakan hover() untuk menetapkan fungsi pemprosesan untuk dijalankan apabila tetikus melayang di atas elemen li, sintaksnya ialah "$("li").hover(function(){}) "; 2 . Dalam fungsi pemprosesan, gunakan width() untuk menambah lebar elemen li, sintaksnya ialah "$("li").width("value");".

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

jquery melaksanakan kesan meningkatkan lebar li apabila tetikus melayang

Idea pelaksanaan:

Gunakan kaedah hover() untuk li Ikat acara hover tetikus pada elemen dan tetapkan fungsi pemprosesan acara
Dalam fungsi pemprosesan, gunakan width() untuk meningkatkan lebar elemen li

Kod pelaksanaan:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("li").hover(function() {
					$("li").width("100%");
				}, function() {
					$("li").width("200px");
				});
			});
		</script>
	</head>
	<body>
		<ul>
			<li style="background-color: pink;width:200px ;">鼠标移动到该li元素上</li>
		</ul>
	</body>
</html>

Cara menggunakan jquery untuk meningkatkan lebar li apabila tetikus melayang

[Pembelajaran yang disyorkan: tutorial video jQuery, web pembangunan bahagian hadapan]

Atas ialah kandungan terperinci Cara menggunakan jquery untuk meningkatkan lebar li apabila tetikus melayang. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

jquery function 事件 li

Kenyataan：

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

Artikel sebelumnya：Apakah kaedah yang biasa digunakan untuk mendapatkan atribut dalam jquery?Artikel seterusnya：Apakah kaedah yang biasa digunakan untuk mendapatkan atribut dalam jquery?

Artikel berkaitan

Lihat lagi