标签: onhover

小提琴:http://jsfiddle.net/vretc/

正如你可以从小提琴中看到的那样,我希望在悬停在它上时改变跨度的颜色,但不知何故,即使我将鼠标悬停在前三个元素中,悬停事件也只适用于最后一个跨度.

HTML

<p class="p">
    <span>Span 1</span>
</p>

<p class="p">
    <span>Span 2</span>
</p>

<p class="p">
    <span>Span 3</span>
</p>

<p class="p">
    <span>Span 4</span>
</p>

jQuery的:

$('.p').each(function() {
    $span = $(this).children('span');
    $span.hover(
        function() {
            $span.css('color', 'red');
        },
        function() {
            $span.css('color', 'blue');
        }
    )
});

我正在尝试实现这里所做的：https : //www.quantalys.com/Fonds/120955 使用 python 中的 javascript plotly。我想在 x 轴上添加悬停垂直线和红色注释。我在谷歌上做了一些搜索，但我找不到我正在寻找的答案。我当前的图表如下所示：

trace1 = go.Scatter(
x = df1.x,
y = df1.y,
name = "M&G OPTIMAL INCOME FD EUR AH ACC",
hoverinfo= 'name',
opacity=0.7,
mode = 'lines',
    line = dict(
    color = ('rgb(2, 12, 245)'),
    width = 1,
    ), 
)
trace2 = go.Scatter(
x = df2.x,
y = df2.y,
opacity=0.7,
name = "Alloc Flexible Prudent Monde",
hoverinfo= 'name',
mode = 'lines',
    line = dict(
    color = ('rgb(67, 45, 24)'),
    width = 1, …

当鼠标在图表上移动时，我想更改光标，就像这个 fiddle。这适用于 chart.jsv2.4但不适用于v2.6&v2.7 任何想法？

var ctx = document.getElementById("canvas1").getContext("2d");
 var mychart = new Chart(ctx, {
  type: 'doughnut',
  data: {
  labels: ['uno', 'dos', 'tres', 'cuatro'],
   datasets: [{
  data: [1, 2, 3, 4],
  backgroundColor: ["#BDC3C7","#9B59B6","#E74C3C","#26B99A"]
   }]
    },
    options: {
    hover: {
  onHover: function(e) {
    $("#canvas1").css("cursor", e[0] ? "pointer" : "default");

    /* without jquery it can be like this:
      var el = document.getElementById("canvas1");
      el.style.cursor = e[0] ? "pointer" : "default";
    */
  }
 }
 }
  });

看看这个jsFIDDLE样本

我想用CSS改变悬停状态的单元格背景颜色..它可以通过JavaScript实现,但我想用CSS做...加上我希望整个单元格充当链接如何做到这一点

我有一些列表项,我希望当用户将鼠标悬停在它们上方时,光标从箭头变为手形.从某种意义上说,我希望它看起来像一个链接.我怎样才能做到这一点？

我希望得到一个li我悬停的数字jQuery.这是我的代码:

<ul>
   <li></li>
   <li></li>
   <li></li> /* I want hover on this element */
   <li></li>
   <li></li>
</ul>

我希望当悬停在顶部代码中的某些元素时获得所有的数字lies....例如在顶部代码中我想得到3(这意味着这第三个元素)

如何在另一个div上扩展div(悬停)？如何在附图中显示出类似的内容？

<article>
    <header>
        content title
    </header>
    <div>
        main article content
    </div>
    <div class="share_buttons">
        <div class="">SHARE</div>
        <div class="share_in">
            <a>FACEBOOK</a>
            <a>GOOGLE+</a>
            <a>LINKEDIN</a>
            <a>PICASA</a>
        </div>
    </div>
</article>