0

我想要做的是这样：当将光标移动到div的左半部分时，将其标题设置为“上一个”，当移动到右半部分时，将其标题设置为“下一个”。这很容易做到，但是问题是当光标第一次进入右半部分时，悬停一会儿，显示标题然后移动到左半部分，标题设置为“上一个”，但它永远不会显示，然后将光标移回右边，标题不再显示。我不想重新加载页面，我该如何解决这个问题。

4

2 回答 2

0

我不确定您到底想要什么，因为您对信息有点缺乏，例如将标题放在哪个元素上（即它是 div 上的标题属性还是其他东西，还是只是 HTML 标题元素？这是非常模棱两可的）。此外，您没有向我们提供您的代码，因此我们无法使用它。

我为标题属性编写了这个jsfiddle，因为这似乎更有可能。但是，我不知道该放在哪个元素上，所以我只使用了 jQuery 中的 html() 函数。不过，这将非常容易改变。

我 100% 肯定这可以用更少的代码行和更少的 jQuery 函数来完成。事实上，它甚至可以单独使用 CSS3 完成。

享受！:)

于 2012-09-05T10:13:43.183 回答
0

我一直无法更改titlejsFiddle 中的（可能是因为代码在框架内运行），所以我将在此处发布我的测试页面。

我试图完全按照您的描述进行操作，并且效果很好。标题立即更改。在 Opera、FireFox 和 Chrome 中测试。您可以将其与您的代码进行比较，看看您在做什么不同。

<html>
  <head>
    <title>Initial title</title>

    <style>
      body, html {
        height: 100%;
      }
    </style>

    <script>
      function foo(event) {
        if (event.pageX * 2 > document.body.clientWidth)
          document.title = 'NEXT';
        else
          document.title = 'PREVIOUS';
      }
    </script>
  </head>

  <body>
    <script>
      document.body.onmousemove = foo;
    </script>
  </body>
</html>
于 2012-09-05T08:37:34.423 回答