0

私がやりたいことは次のようなものです：カーソルをdivの左半分に移動するときはタイトルを「前」に設定し、右半分に移動するときはタイトルを「次」に設定します。簡単ですが、問題は、カーソルが最初に右半分に入り、しばらくホバリングすると、タイトルが表示されてから左半分に移動し、タイトルが「前」に設定されましたが、表示されず、カーソルを右に戻し、タイトルが表示されなくなりました。ページをリロードしたくありません。この問題を解決するにはどうすればよいですか。

4

2 に答える 2

0

タイトルを付ける要素などの情報が少し不足しているため、正確にどのようにしたいのかわかりません（つまり、divまたは何かのタイトル属性ですか、それとも単なるHTMLタイトル要素ですか？非常に曖昧です）。また、コードを提供していただけないため、代わりにコードを使用することはできません。

私はこのjsfiddleを title 属性用に書きました。ただし、どの要素に配置すればよいかわからなかったので、代わりに jQuery の html() 関数を使用しました。ただし、変更するのは非常に簡単です。

私は、これがより少ないコード行とより少ない jQuery 関数で実行できることを 100% 確信しています。実際、CSS3 だけでもできるかもしれません。

楽しみ！:)

于 2012-09-05T10:13:43.183 に答える
0

jsFiddle でを変更できませんでしたtitle(おそらくコードがフレーム内で実行されるため)。そのため、ここにテスト ページを投稿します。

私はあなたが説明したことを正確にやろうとしましたが、うまくいきました。すぐにタイトルが変わります。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 に答える