gpt4 book ai didi

html - 悬停时突出显示 div 框

转载 作者:太空狗 更新时间:2023-10-29 13:21:30 24 4
gpt4 key购买 nike

假设我有一个具有以下属性的 div:

.box {
width: 300px;
height: 67px;
margin-bottom: 15px;
}

如果有人将鼠标悬停在该区域上,我该如何做到这一点,它会将背景更改为稍暗的颜色并使其成为可点击区域?

最佳答案

仅限 CSS:

.box:hover{
background: blue; /* make this whatever you want */
}

要使其成为“可点击”区域,您需要放置一个 <a></a> div 内的标记,您可能想使用 jQuery 来设置 href属性。

jQuery 解决方案

$('.box').hover(function(){
$(this).css("background", "blue");
$(this).find("a").attr("href", "www.google.com");
});

第三种解决方案:你可以改变光标,也可以使用 jQuery 给它一个点击事件:

$('.box').click(function(){
// do stuff
});

将上面的内容与以下 CSS 一起使用:

.box{
background: blue;
cursor: pointer;
}

关于html - 悬停时突出显示 div 框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15624270/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com