Question

是否可以通过单独的链接更改单独div中的文本与鼠标悬停？有谁知道在哪里指导我或给我一个例子？

感谢您的帮助!!

埃里克

Answer 1

这需要一个简单的JavaScript来执行此操作

<HTML>
 <HEAD>
  <SCRIPT LANGUAGE="JavaScript">
    function changeContent()
    {
        document.getElementById("myDiv").innerHTML='New Content';
    }
  </SCRIPT>
 </HEAD>

 <BODY>
  <div id="myDiv">
    Old Content
  </div>
  <a href="#" onmouseover="changeContent()">Change Div Content</a>
 </BODY>
</HTML>

Answer 2

这是一个jquery的小例子：

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
    {
    $(".pass").hover(
      function () {
         $(".change").text("MOUSE HOVER");
        },
        function () {
         $(".change").text("DIV TO CHANGE");
        }
        );
    });
</script>
</head>
<body>
<div class="pass">PASS YOUR MOUSE OVER HERE</div>
<div class="change">DIV TO CHANGE</div>
</body>
</html>

Answer 3

你可以使用像JQuery这样的Javascript库例如：

$('#youranchorid').mouseover(function() {
  $('#yourdivid').html("Your new text");
});

check the API

鼠标悬停在单独的DIV中更改文本

3 个答案: