JQuery的hover監聽事件的使用

JQuery的hover監聽事件的使用

參考地址:
https://www.runoob.com/jquery/event-hover.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>hover監聽事件</title>
	<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
	<div>
		<p class="sort">計算機</p>
		<p class="sort">網絡工程</p>
		<p class="sort">Java</p>
	</div>
		
	<script>
		$(document).ready(function(){
			$(".sort").hover(function(){
				$(this).css("background-color","yellow");
	  		},function(){
		    	$(this).css("background-color","white");
		  	});
		});
	</script>
</body>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章