jquery 问题求助

做一个简单的图片放大替换功能 
代码如下 <script type="text/javascript" language="JavaScript">
$(document).ready(function(){
var x = 10;
var y = 20;
$(".imagelink").mouseover(function(e){
var imgtip = "<div id ='imgtip'><img src ='" + this.href + "'alt='' /></div>";
$("body").append(imgtip);
$("#imgtip").css({
"top": (e.pageY+y) + "px",
"left":(e.pageX+x) + "px"
    }).show('fast');

}).mouseout(function(){
$("#imgtip").remove();
});
});
</script><a href="images/national-jade-hotel-beijing-b1.jpg" class="imagelink"><img src="images/beijingservice-team/beijing-tour-advisor-1.jpg" width="69" height="49" /></a>求排错 没反应  

解决方案 »

  1.   


        $(".imagelink").mouseover(function(e){
    #改成
        $(".imagelink").live("mouseover",function(){
      

  2.   

    var imgtip = "<div id ='imgtip'><img src ='" + this.href + "'alt='' /></div>"; 应该是 this.src 吧
      

  3.   

    测试没问题。你是不是没有加载jQuery文件啊。。确定已加载的话在Chrome错误控制台下看看报什么错误。<!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        var x = 10;
        var y = 20;
        $(".imagelink").mouseover(function(e) {
            var imgtip = "<div id ='imgtip'><img src ='" + this.href + "'alt='' /></div>";
            $("body").append(imgtip);
            $("#imgtip").css({
                "top": (e.pageY + y) + "px",
                "left": (e.pageX + x) + "px"
            }).show('fast');    }).mouseout(function() {
            $("#imgtip").remove();
        });
    });
    </script>
    </head><body>
    <a href="http://www.google.com.hk/images/srpr/logo3w.png" class="imagelink"><img src="http://www.google.com.hk/images/srpr/logo3w.png" width="69" height="49" /></a>
    </body>
    </html>
      

  4.   

    上面的代码验证通过，是可以实现楼主要的效果的，应该是楼主没家jQ文件，要在旁边显示的话把mouseout方法去掉就好了
      

  5.   

    是的 效果是出了 但是 位置 我很头疼 怎么让它在小图的旁边呢 这只是一个图片 如果说还有其他的图片需要放大 怎么也能让他在小图的旁边！求指点！我 CSS白痴一个！
      

  6.   

    用css定位就好，这个可以不用JS来写，实在不想写CSS的话，你就用table把他框起来排版吧。你那代码要实现更多功能的话，还是把DIV提出来吧
      

  7.   

    给你找了个例子，应该能决解你这个问题，点“运行代码”就好
    http://js.alixixi.com/a/2016303062402.shtml