Question

在我的网站上，我有一些隐藏/显示JavaScript（下方）。它常用于常见问题解答中，您可以在其中查看问题列表，在滚动问题时，它会更改颜色并单击它打开文本。

我希望光标变为＆＃34;手指指针＆＃34; （滚动文本时，通常的形状）。

下面的代码应该添加什么？

“我的文字”一词代表我在网站上特有的各种文字。

谢谢！

<a onclick="javascript:ShowHide('item')"> MY TEXT </a>
<div class="mid" id="item" style="display: none;"><p> MY TEXT </p></div>
<br>

<script type="text/javascript">// <![CDATA[
    function ShowHide(divId)
    {
        if(document.getElementById(divId).style.display == 'none')
        {
            document.getElementById(divId).style.display='block';
        }
        else
        {
            document.getElementById(divId).style.display = 'none';
        }
    }
    // ]]>
</script>

Answer 1

添加cursor: pointer; css规则：

<a style="cursor:pointer;" onclick="javascript:ShowHide('item')"> MY TEXT </a>

另外，你可以让JS更漂亮一点：

<script>// <![CDATA[
function ShowHide(divId){
   var el = document.getElementById(divId);
   el.style.display = el.style.display === "none" ? "block" : "none";
}
// ]]></script>

我还建议你：不要使用内联样式。
创建一个样式表，使用类，设置这些类的样式，然后将这些类分配给HTML元素。

例如：

a {
    cursor: pointer;
    text-decoration:none;
    color: orange;
    /* etc... style here your anchors */
}
a:hover {
    /* place here style for the hovered anchors */
}
.hidden {   /* add that class to any HTML element you want initially hidden */
    display:none;
}

Answer 2

将CSS中的cursor: pointer;添加到您的元素中。

我们假设您要将其添加到div：

div { cursor: pointer; }

http://jsfiddle.net/a_incarnati/wnn3s0yk/2/

如何将光标更改为＆＃34;手指指针＆＃34;滚动隐藏/显示文本（javascript）时

2 个答案: