帮忙看下这个代码，本人初学这个，，找了半天也没发现错。

$(document).ready(function () {
    //标题鼠标经过
    var word = '百度';
    var site = 'HTMLPage1.htm';
    $("a").mousemove(function (e) {
        $(".TipDiv").remove(); //若页面上有该元素，则移除该元素...
        var x = event.offsetX + 10; //获取鼠标的x轴坐标
        var y = event.offsetY + 10; //获取鼠标的y轴坐标
        popDiv(site, word, x, y);
    })

   //鼠标离开面板
    $(".TipDiv").hover(function () {
       alert("dfsfsd");
        $(".TipDiv").fadeIn("fast");
    },
    function () {
            $(".TipDiv").fadeOut("fast");
    }
    );
    //标题鼠标离开链接
    $("a").mouseout(function () {
            //$(".TipDiv").fadeOut("1000");
       $(".TipDiv").remove();
    });});//随鼠标移动的信息框
function popDiv(site, word, xx, yy) {
    var str = "";
    str += "<div class='TipDiv'>";
    str += "<a id=tip href=" + site + ">" + word + "</a>";
    str += "<em>链接</em><br />";
    str += "</div>";
    $("body").append(str);
    $(".TipDiv").css({ position: "absolute", "top": yy + "px", "left": xx + "px", "fadeIn": 1000 });
    $(".TipDiv").css({ border: "solid 6px silver" });
    $(".TipDiv").css({ overflow: "scroll",height:" 100px", width: "300px" });
    $(".TipDiv").css("background","gray");

};

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

其中在div中那个alert消息始终没出来不知道为什么
我是想在链接上弹出个class='TipDiv'的div，且在鼠标移开链接或移开div时才消失这个div。
额这个只是个js 。现在引用如下。。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="StyleSheet1.css" rel="stylesheet" type="text/css" /></head>
<body>
<a href="HTMLPage1.htm">HTMLPage1.htm</a>
<script src="jquery-1.4.1.js" type="text/javascript"></script>
    <script src="JScript1.js" type="text/javascript"></script></body>
</html>
如下代码<a href="HTMLPage1.htm">HTMLPage1.htm</a>你的这个a标签上没有事件例如 onmouover onmouout
事件不能触发没能执行js方法怎么能有效果呢？
例如:<script>
    function doSubmit(){
         alert("执行成功!");
    }
</script>
<a href="HTMLPage1.htm" onmousover="doSubmit()">HTMLPage1.htm</a>这样才能执行吧
,,,我在选择器里选的是<a>，而且我运行了可以弹出这个div的，问题是现在只能做到鼠标不在链接上时消失，而不能做到鼠标在div时显示，不再div内时消失。。
鼠标没办法放到 div上, $(".TipDiv").hover 这个触发不了
额那应该什么才能达到我要的效果呢。还有啊，为什么不能移到div上，，谢谢赐教。
你在div上加个事件触发试试
你这个根本就不会执行。。div只有在执行a mousemove方法时才能显示出来当你想要hover div 时就离开了a。。div就消失了。。所以。。想想别的办法吧
没有报错，前面部分可以运行。就是在div内那个hover不能运行。
<script>
function divDispear(){
document.getElementById("divId").style.display='none';
}<div onmouserover="divDispear()">
你试试这个方法
</div>
</script>
我把div的消失写在判断hover div之后了也不行么。
上面</script>放错地方了你自己改改
当你的移动到连接上出现div
然后你吧div这样做<script>
function divDispear(){
document.getElementById("divId").style.display='none';
}
</script><div onmouserover="divDispear()">
</div>试试应该可以
谢谢你，但是这个div的消失我那个js做到了啊，现在是那个鼠标在div内时不消失没做到。
那这个很纠结。。你的鼠标放到div上  实现了消失。。你又要实现鼠标在div上 div不消失。。
你能在说清楚是什么事件下。。你的 div需要alert()
额没有啊我只是在鼠标在 <a>时显示div ，鼠标移开<A>或<div>消失。。
$(".TipDiv").hover(function () {
   alert("dfsfsd");
   $(".TipDiv").fadeIn("fast");
   },
   function () {
   $(".TipDiv").fadeOut("fast");
   }
   );
你这样写有什么意义吗？！
这样写是想在鼠标在div内时显示，不再div内是消失。
恩那个alert()我只是试试看这个函数触没。好吧可能是我没讲清楚。
现在我要实现的是，当鼠标在链接是跳出一个tooltip类似的。然后当鼠标移开链接时消失。其中tooltip内也是有东西的，当鼠标在这个tooltip内时不会消失，而移离这个区域时再消失。
通过测试发现没有执行$(".TipDiv").hover。。换成click 也不会执行
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
var tid = null;
$(document).ready(function () {
  //标题鼠标经过
  var word = '百度';
  var site = 'HTMLPage1.htm';
  $("a").mousemove(function (e) {
  })  $("a").mouseover(function(e) {
  $(".TipDiv").remove(); //若页面上有该元素，则移除该元素...
  if(tid!=null) {clearTimeout(tid);tid=null};
  var x = event.offsetX + 10; //获取鼠标的x轴坐标
  var y = event.offsetY + 10; //获取鼠标的y轴坐标
  popDiv(site, word, x, y);
  //鼠标离开面板
  $(".TipDiv").hover(function(){
  if(tid!=null) {clearTimeout(tid);tid=null};
  $(".TipDiv").fadeIn("fast");
  },
  function () {
   $(".TipDiv").fadeOut("fast");
  }
  );
   });   //标题鼠标离开链接
  $("a").mouseout(function () {
  tid = setTimeout(outit, 1000);
  });
});function outit(){
$(".TipDiv").fadeOut("fast");
}
//随鼠标移动的信息框
function popDiv(site, word, xx, yy) {
  var str = "";
  str += "<div class='TipDiv'>";
  str += "<a id=tip href=" + site + ">" + word + "</a>";
  str += "<em>链接</em><br />";
  str += "</div>";
  $("body").append(str);
  $(".TipDiv").css({ position: "absolute", "top": yy + "px", "left": xx + "px", "fadeIn": 1000 });
  $(".TipDiv").css({ border: "solid 6px silver" });
  $(".TipDiv").css({ overflow: "scroll",height:" 100px", width: "300px" });
  $(".TipDiv").css("background","gray");

};
</script><a href="xx">xxxxxx</a>
<div class="TipDiv" style="background:red"></div>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
    <script>
    $(document).ready(function () {
            //标题鼠标经过
            var word = '百度';
            var site = 'HTMLPage1.htm';
            $("a").mouseover(function (e) {
                $(".TipDiv").remove(); //若页面上有该元素，则移除该元素...
                var x = event.offsetX + 10; //获取鼠标的x轴坐标
                var y = event.offsetY + 10; //获取鼠标的y轴坐标
                popDiv(site, word, x, y);
            })            //鼠标离开面板

            //标题鼠标离开链接

        });        //随鼠标移动的信息框
        function popDiv(site, word, xx, yy) {
            var str = "";
            str += "<div class='TipDiv'>";
            str += "<a id=tip href=" + site + ">" + word + "</a>";
            str += "<em>链接</em><br />";
            str += "</div>";
            $("body").append(str);
            $(".TipDiv").css({ position: "absolute", "top": yy + "px", "left": xx + "px", "fadeIn": 1000 });
            $(".TipDiv").css({ border: "solid 6px silver" });
            $(".TipDiv").css({ overflow: "scroll", height: " 100px", width: "300px" });
            $(".TipDiv").css("background", "gray");
            $(".TipDiv").hover(function () {
                alert("dfsfsd");
                $(".TipDiv").fadeIn("fast");
            },
   function () {
       $(".TipDiv").fadeOut("fast");
   }
   );
        };</script>
</head>
<body>
<a href="HTMLPage1.htm">HTMLPage1.htm</a></body>
</html>
谢谢你的code，但你这个是有鼠标移到那个div后在移开才会消失，而不会移开链接时就消失。
为什么要像上面那样写我觉得是因为标签是动态生成的。。但如果加上这句$("a").mouseout(function () {
   //$(".TipDiv").fadeOut("1000");
   $(".TipDiv").remove();
  });});
它肯定是会先执行完a的事件。。
所以你再写DIV的事件就毫无意义了
谢谢你帮我看这个问题。但是我试过你的这个代码，也是那个问题，只有鼠标先经过div再移除才会消失，而不会只要移开<a>就消失。
程序一般是按顺序执行的，我把div的判断写在mouseout之前。应啊先执行div的，当然只是应该。我也试了它的确没执行div事件。而且在前面mouseover时就动态的把div加入网页上了。也就是说后面select的时候能select到的。
我的代码测试过的，移开连接会消失的，只不过有1秒延时，不延时的话鼠标是到不了div的。
-----
你的代码不断创建div, 最先设置的$(".TipDiv").hover对新建的div是没有用的。
不是按不按顺序的问题是要一件事情要完成才能去完成别的事情。。你好好想下把你要把鼠标移到DIV上。。是不是就出发了LEAVE a 的事件。。你可以去研究下CSDN上的代码。。移到头像图片上的这个JS
原来如此，这个原因啊。。受教了。鼠标一离开<a>就触发了mouseout而把那个hover跳过了。恩我再去试试。对了那个你说的移到头像图片上的那个JS在哪啊。