Javascript Jquery文本切换

我正在尝试进行jquery文本切换。如果滚动该图元，文本将显示在其旁边，反之亦然，当您离开图元区域时，文本将显示

我的代码还不起作用。此外，我想包括不同的链接不同的文本。如果有更简单的方法，请建议

HTML

<div id="container"></div>
<a href="#" id="ovr">clickclickclick</a>

---

您忘记了jQuery选择器中的引号：

$("#ovr").mouseenter(function() {
    $("#container").html("wazaap");
}).mouseleave(function() {
    $("#container").html("");
});

编辑 如果你想要不同的句子，你可以这样做：

JS HTML

​

检查一下这里的工作情况 更新

基于OP的评论，我想使用几个链接来显示文本，我尝试了以下方法：

因为所有链接都得到相同的文本，所以它对类不太起作用

---

这很有效

$（“#ovr”）.mouseenter（函数（）{
$（'#container”）.html（“wazaap”）；
}).mouseleave（函数（）{
$（“#容器”）.html（“”）；
});
​

---

问题是mouseleave位于错误的位置，并且元素ID周围缺少引号。请尝试使用

hover（）

函数执行此操作。代码将更干净

基本示例：

$("#container").hover(
function() {
  $('.cText').text("click");
},
function() {
    $('.cText').text("");
});

#container {
      position: relative;
      background-color: #EEEEEE;
      width: 100px;
      height: 100px;
      position: relative;
      display: block;
  }

div id="container"></div><span class="cText"></span>

jQuery:

$("#container").hover(
function() {
  $('.cText').text("click");
},
function() {
    $('.cText').text("");
});

#container {
      position: relative;
      background-color: #EEEEEE;
      width: 100px;
      height: 100px;
      position: relative;
      display: block;
  }

div id="container"></div><span class="cText"></span>

CSS:

$("#container").hover(
function() {
  $('.cText').text("click");
},
function() {
    $('.cText').text("");
});

#container {
      position: relative;
      background-color: #EEEEEE;
      width: 100px;
      height: 100px;
      position: relative;
      display: block;
  }

div id="container"></div><span class="cText"></span>

HTML:

$("#container").hover(
function() {
  $('.cText').text("click");
},
function() {
    $('.cText').text("");
});

#container {
      position: relative;
      background-color: #EEEEEE;
      width: 100px;
      height: 100px;
      position: relative;
      display: block;
  }

div id="container"></div><span class="cText"></span>

div id=“container”>

---

关于

是否有可能为不同的链接使用不同的文本，或者直接使用相同次数的代码？我有不同的图标（链接）。如果您将这些图标悬停，将显示图标说明文本。现在我想知道是否有方法使用变量解决此问题，或者我是否应该将所有图标ID的代码乘以相同的次数。您的所有链接上都可以有一个类，您可以使用类名

然后

$（）.container“）.html（“wazaap”）

以便与该类的所有链接调用相同的event@user6613我用一个测试更新了我的答案，这个测试使用了一个类，而不是每个链接都有自己的自定义项…不像我想的那样工作…看看小提琴，看是的，但是你的也很有趣，因为它从alt属性中获取文本，所以我不这么认为必须编辑javascript代码。我想我只是要用所有答案中的最佳解决方案来构建一个新代码。谢谢大家；）你说的“不同文本”是什么意思"? 你有一些句子，想随机展示吗？如果你发现答案正确，你可以检查我的答案是：是：D，这是我所说的不同的句子。我是这么想的。我做错了什么？对不起，我几乎听不懂你刚发给我的代码。你没有设置句子，我不知道你用$（'.cText'）.text（$（this.attr（'id'））是什么意思；