jquery和CSS鼠标悬停丨离开div改变另一个div样式,hover事件

2018-03-19 建站知识 浏览 手机预览
文章来源:http://www.imtr.cn/html/n194.html

当鼠标放到div上,获取另一个div的class改变样式就行了,js和css都可以实现,很简单,比如第一个div的class叫h,要改变叫d:

CSS:

.h:hover .d{background:#ff6a00;}


jquery:

<script type="text/javascript">
$(".h").hover(function () {//鼠标悬停时触发
    $(".d").css("background", "#ff6a00"); 
});
$(".h").mouseout(function () {//鼠标离开时触发
    $(".d").css("background", "ff0000");
});
</script>

 

原文地址:http://www.imtr.cn/html/n194.html
  • 如果你的问题还没有解决,可以点击页面右侧的“ ”,站长收到问题后会尽快回复解决方案到你的邮箱。
  • 创造始于问题,有了问题才会思考,有了思考,才有解决问题的方法,才有找到独立思路的可能。 —— 陶行知