Javascript 我想更改此跨度类的显示属性

当我将鼠标悬停在span类上时，我想更改此工具提示的显示属性

这是用户将悬停的span

<span class="video-title"></span>

问题是哪一个最适合显示更改？Javascript或Css
我该怎么做呢？

---

干杯

您可以在CSS中相当轻松地执行此操作。如果将工具提示

span

放在视频标题

span

中，则可以将其设置为

display:none

，并在视频标题悬停时将其更改为

display:block

<span class="video-title">
    Title text here
    <span class="tooltip">Tooltip text here</span>
</span>

.video-title {position: relative}
.tooltip {display: none;}
.video-title:hover .tooltip {display: block; position: absolute;}

标题文本在这里
这里有工具提示文本
.视频标题{位置：相对}
.tooltip{显示：无；}
.video title:hover.tooltip{display:block；position:absolute；}

---

很明显，你会添加自己的风格和定位。工具提示最好是绝对定位的，这样它就不会干扰页面的布局。将其父对象设置为

位置：相对
可确保工具提示相对于其父对象在页面上的位置进行定位。
通常，更改悬停时的显示是一种不好的做法，因为它可以移动对象的位置，从而结束悬停。然后，这将使对象移回其原始位置，因此您将看到闪烁。我想，这是造成大量反对票的原因。很酷，谢谢，works会根据我自己的风格选择来调整它
.toolTip{
    position:absolute;
    top:-34px;
    left:47px;
    z-index:100;
    display:none;
    padding:5px 6px 5px 6px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background-color:#000;
    text-align:center;
    text-decoration:none;
    text-shadow:black 0 1px 0;
    white-space:nowrap;
    font-style:normal;
    font-size:11px;
    font-family:Helvetica,Arial,sans-serif;
    line-height:1
}

<span class="video-title">
    Title text here
    <span class="tooltip">Tooltip text here</span>
</span>

.video-title {position: relative}
.tooltip {display: none;}
.video-title:hover .tooltip {display: block; position: absolute;}