首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将鼠标悬停在上方的鼠标光标更改为类似锚的样式

将鼠标悬停在上方的鼠标光标更改为类似锚的样式
EN

Stack Overflow用户
提问于 2011-08-25 12:10:56
回答 5查看 223.9K关注 0票数 115

如果我将鼠标悬停在div上,鼠标光标就会变成光标,就像HTML锚中的光标一样。

我该怎么做呢?我需要Javascript吗?或者只需要CSS就可以了?

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2011-08-25 12:13:50

假设您的div有一个id="myDiv",将以下内容添加到您的CSS中。cursor: pointer指定光标应与用于锚点(超链接)的手形图标相同:

添加的CSS

代码语言:javascript
运行
复制
#myDiv
{
    cursor: pointer;
}

您可以简单地将光标样式添加到div的超文本标记语言中,如下所示:

代码语言:javascript
运行
复制
<div style="cursor: pointer">

</div>

编辑:

如果您决定使用jQuery来实现这一点,那么将以下代码行添加到您的$(document).ready()或body onload中:(将myClass替换为您的所有div共享的任何类)

代码语言:javascript
运行
复制
$('.myClass').css('cursor', 'pointer');
票数 240
EN

Stack Overflow用户

发布于 2011-08-25 12:33:48

如果你想用jQuery而不是CSS来做这件事,你基本上可以遵循相同的过程。

假设您有一些<div id="target"></div>,您可以使用以下代码:

代码语言:javascript
运行
复制
$("#target").hover(function() {
    $(this).css('cursor','pointer');
}, function() {
    $(this).css('cursor','auto');
});

这应该就行了。

票数 24
EN

Stack Overflow用户

发布于 2011-08-25 12:15:52

你实际上不需要jQuery,只需要CSS。例如,下面是一些HTML:

代码语言:javascript
运行
复制
<div class="special"></div>

下面是CSS:

代码语言:javascript
运行
复制
.special
{
    cursor: pointer;
}
票数 10
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7185044

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档