鼠标悬浮改变背景颜色

将鼠标放在div上时div的背景颜色发生改变，把鼠标移走div之后，div的背景颜色回复原来的颜色。

效果图演示

没有将鼠标放在div上时（lanse）

将鼠标放在div上之后（变为红色）

下面看代码

由于代码较短，要认真观看了解呦。

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title></title><script src="jquery.js"></script><style>.blue{height: 50px;width: 200px;background-color: blue;}.red{height: 50px;width: 200px;background-color: red;}</style>
</head>
<body>
<div class="blue"></div>
</body>
<script>$(function(){$("div").hover(function(){$(this).addClass("red");},function(){$(this).removeClass("red");})})
</script>
</html>

利用上述代码已经可以实现鼠标放上背景色的改变了
快去试试吧！！！

鼠标悬浮改变背景颜色相关推荐

gridview repeater DataList 鼠标经过改变背景颜色
1,gridview 双击GridView的OnRowDataBound事件: 在后台的GridView1_RowDataBound()方法添加代码,最后代码如下所示: protected void ...
repeater单双行颜色不同，gridview repeater DataList 鼠标经过改变背景颜色
1.gridview 双击GridView的OnRowDataBound事件: 在后台的GridView1_RowDataBound()方法添加代码,最后代码如下所示: protected void ...
鼠标悬浮button改变背景颜色
鼠标悬浮button改变背景颜色 //鼠标悬浮事件 private void btnExit_MouseHover(object sender, EventArgs e) { this.btnExit ...
html超链接点击状态改变背景颜色,div css鼠标悬停锚文本超链接文字背景颜色或图片变化...
css鼠标悬停超链接文字上时背景改变,鼠标经过文字链接时(悬停),文字的背景图片发生改变(出现背景图片或背景颜色). 鼠标经过悬停在超链接文字上时背景颜色或背景图片出现或改变教程篇. 此DIV CSS ...
Java背景颜色怎么设成随机的_JS实现随机改变背景颜色
JS实现随机改变背景颜色 JS实现随机改变背景颜色使用Js实现随便点击页面某位置就能改变页面背景颜色的功能 function changeBg(){//改变背景颜色的函数 var bgColor=& ...
Android实现连续并排的若干个TextView单击改变背景颜色达到选项卡Tab栏切换效果...
<Android实现连续并排的若干个TextView单击改变背景颜色达到选项卡Tab栏切换效果> 实现的组件交互目的很简单,就是要达到类似tab选项卡的导航栏一样,当用户点击了连续并排的若 ...
VC6,SDI视图改变背景颜色的方法
不怎么时髦,还在用VC6,无聊瞎写的............ SDI视图改变背景颜色分两步吧,效果还是很好的. 首先在CXXView类的OnDraw添加颜色. void CDigimizerView: ...
vue如何动态获取数据改变背景颜色和字体颜色以及获取图片
vue如何动态获取数据改变背景颜色和字体颜色以及获取图片首先要想获取多条数据要用到v-for循环,写到循环就必须写:key 话不多说上代码重点就是:style="{background: ...
vue项目使用svg渲染地图并添加点击事件，动态改变背景颜色
需求: ui给了一张地图的svg,需要前端渲染出来并添加对应的点击事件,选中区域,背景颜色需要改变实现思路: 1.拿到需要渲染的 svg图片,把其中path的值赋值过来,所有数据一起组成一个新的js ...

鼠标悬浮改变背景颜色

将鼠标放在div上时div的背景颜色发生改变，把鼠标移走div之后，div的背景颜色回复原来的颜色。

效果图演示

下面看代码

鼠标悬浮改变背景颜色相关推荐

最新文章

热门文章