javascript - 更好的方法来处理这个 jquery/代码?

标签 javascript jquery css

<分区>


关于您编写​​的代码问题的问题必须在问题本身中描述具体问题 — 并且包括有效代码 以重现它。参见 SSCCE.org寻求指导。

关闭 9 年前

我希望这些括号滑出并在悬停时将单词包裹起来。然后关闭悬停折叠到它们的原始状态。

更好的跨浏览器方法?

HTML(为了便于阅读而格式化):

<h2 id="title">
    <span id="bracket1">[</span>
    <span id="bracket2">]</span>
CUBIX</h2>

jQuery:

$("#title").hover(function(){
    $("#bracket2").animate({ left: "170px" });
});

演示:http://codepen.io/anon/pen/afjHh

最佳答案

如果你想让它折叠,我想我会做类似的事情。

http://codepen.io/anon/pen/qrcmg

$( "#title" ).hover(
  function() {
    $("#bracket2").stop(true, false).animate({ left: "170px" });
  }, function() {
    $("#bracket2").stop(true, false).animate({ left: "20px" });
  }
);

关于javascript - 更好的方法来处理这个 jquery/代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20791104/

上一篇:HTML 位置在 Mac 和 PC 上相差 1px

下一篇:javascript - 如何将CSS应用于iframe

相关文章:

javascript - 循环内的 Ajax 调用需要顺序响应

javascript - 删除 JSON 属性

html - 伪背景的时间线间距问题

html - IE11 中 flexbox 中的图像大小不正确

javascript - 如何为计时器使用 Ajax 响应值?

css - 如何过渡高度 : 0; to height: auto; using CSS?

javascript - 模拟实际的右键单击,而不仅仅是 mousedown 或 mouseup

javascript - JSON循环引用 Angular 错误

javascript - Accordion 菜单如何使所有类别都展开? - JQuery Accordion 菜单

javascript - 获取所有数据属性值的总和