jQuery 鼠标滑过Div变色
1 <head> 2 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 3 <title>jQuery 鼠标经过Div底色变换</title> 4 <style type="text/css"> 5 .divbox { 6 height: 300px; 7 width: 200px; 8 background: #ffffff; 9 border: solid 1px #ccc; 10 float: left; 11 margin-right: 10px; 12 } 13 .divOver { 14 background: #eff8fe; 15 border: solid 1px #d2dce3; 16 } 17 </style> 18 <script src="Scripts/jquery-3.4.1.slim.min.js"></script> 19 <script language="javascript"> 20 21 $(function () { 22 //当鼠标滑入时将div的class换成divOver 23 $('.divbox').hover(function () { 24 $(this).addClass('divOver'); 25 }, function () { 26 //鼠标离开时移除divOver样式 27 $(this).removeClass('divOver'); 28 } 29 ); 30 }); 31 </script> 32 </head> 33 <body> 34 <div id="menu"> 35 <div class="divbox">区块A</div> 36 <div class="divbox">区块B</div> 37 <div class="divbox">区块C</div> 38 </div><br> 39 </body> 40 </html>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· 2 本地部署DeepSeek模型构建本地知识库+联网搜索详细步骤
2018-11-28 JQuery九大选择器