Jquery的鼠标移入移出事件

最新推荐文章于 2024-07-24 14:22:29 发布

明明不是明明

最新推荐文章于 2024-07-24 14:22:29 发布

阅读量7.5k

点赞数 2

文章标签： jquery js html

本文链接：https://blog.csdn.net/qq_44018968/article/details/110949411

版权

Jquery的鼠标事件

下面的是我根据https://www.w3school.com.cn/jquery/event_mouseout.asp，然后自己写的一个小总结的代码。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="./js/jquery.min.js"></script>
	</head>
	<body>
		<div id="one" style="width: 50px; float: left;">
			<p>背景色</p>
		</div>
		<div id="two" style="width: 50px; float: left; margin: 16px 10px;">
			<span>背景色</span>
		</div>
		<script type="text/javascript">
			// 鼠标移入事件
			$("p").mouseover(function(){
				$("p").css("background-color","#00ffff");
			});
			// 鼠标移出事件
			$("#one p").mouseout(function(){
				$(this).css("background-color","#E9E9E4");
			});
			
			// 鼠标移入事件
			$("#two").mouseover(function(){
				$(this).css("background-color","#00ffff");
			});
			// 鼠标移出事件
			var two=$("#two");
			two.mouseout(function(){
				two.css("background-color","#E9E9E4");
			});
		</script>
	</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

明明不是明明

关注关注

2
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
Jquery的鼠标移入移出事件

Jquery的鼠标事件下面的是我根据https://www.w3school.com.cn/jquery/event_mouseout.asp，然后自己写的一个小总结的代码。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="./js/jquery.min.
复制链接

扫一扫