日期:2014-05-18  浏览次数:20641 次

jquery函数不执行
我想要鼠标经过时显示坐标,并且图片框跟着移动,但是下面的代码不执行,求解各位大大:



<script type="text/javascript">
$(function()
{
$('#left').mousemove(function(e){
$('#mousepic').html(e.pageX+'>'e.pageY);
$('#mousepic').css('left',e.pageX-75).css('top',e.pageY-30);
})
});
</script>

</head>
<body>
<div id="left">
<img src="images/1_m.jpg"/>
<div id="mousepic"></div>
<div id="bigpic"></div>
</div>
</body>
jQuery 函数 HTML

------解决方案--------------------
$('#mousepic').html(e.pageX+'>'e.pageY);
----------------------------------修改----------------
$('#mousepic').html(e.pageX+'>'+e.pageY);
------解决方案--------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>test.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
 
  <script>
  $(function(){
    $('#left').mouseover(function(e){
        $('#mousepic').html(e.pageX+'>'+e.pageY);
        $('#mousepic').css({position: "absolute"}); 
        $('#mousepic').css("left",e.pageX-75);
$('#mousepic').css("top",e.pageY-30);        
    })
});
  </script>
  </head>
  
  <body>
    <div id="left">
        <img src="images/psb.jpg" width="100px" height="50px"/>