日期:2014-05-16  浏览次数:20327 次

jquery 问题求助
做一个简单的图片放大替换功能 
代码如下
JScript code
<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>

求排错 没反应  


------解决方案--------------------
用css定位就好,这个可以不用JS来写,实在不想写CSS的话,你就用table把他框起来排版吧。你那代码要实现更多功能的话,还是把DIV提出来吧
------解决方案--------------------
给你找了个例子,应该能决解你这个问题,点“运行代码”就好
http://js.aiyiweb.com/a/2016303062402.shtml
------解决方案--------------------
加个z-index 吧,楼主试试