帮个忙~~~~~

Question

 好久没摸html了写个图片的上一张，下一张，弄了几个小时，搞不定额具体需求如下： 鼠标移动到图片的左边，出个向左的图片，移动到右边，出个像右的图片
                 由于图片的大小不定，所有需要用js获取获取图片的宽和高，在把2个图片定上去  求个爱心人士帮帮忙了，做前端，蛋疼~~~~~~
  看到想要吐槽俺的，随便骂吧...蛋疼 

Answer 1

你要把代码贴出来，可以给你看看那写错了。这种例子网上一大把，JQuery的图片切换特效也有好多。

Answer 2

jquery专门有个组件的，，使用很简单。、

Answer 3

 $("#bigPath").mousemove(function(e){
            var picH=$('#bigPath').height();
            var picW=$('#bigPath').width();
           // alert($(this).offset().left);
            var positionX=e.originalEvent.x-$(this).offset().left||e.originalEvent.layerX-$(this).offset().left||0;//获取当前鼠标相对img的x坐标 
            var positionY=e.originalEvent.y-$(this).offset().top||e.originalEvent.layerY-$(this).offset().top||0;//获取当前鼠标相对img的y坐标            //alert(positionY+'  y  x'+positionX);
            if(positionX<=$(this).width()/2)//当当前鼠标相对x坐标小于图片宽度的一半时执行 
            {    
                 alert(positionY +"  y  "+positionX+' ; '+picW/2+"::左")
                 $("#nextPhoto").attr("display","none");
                 $("#topPhoto").attr("display","block");
                 $("#topPhoto").css("top",($(this).offset().top+picH/2+yOffset)+"px").css("left",($(this).offset().left+xOffset) + "px").fadeIn("fast");
            } 
            else 
            {  
              // alert($(this).offset().left-xOffset+picW-30));
               $("#topPhoto").attr("display","none");
               $("#nextPhoto").attr("display","block");
               $("#nextPhoto").css("top",($(this).offset().top+picH/2+yOffset)+"px").css("left",($(this).offset().left+picW-30-xOffset) + "px").fadeIn("fast");
            } 
        })[code=Java]positionX<=$(this).width()/2  怎么都为true

Answer 4

你alert一下 positionX 和 $(this).width()/2的值，看看是不是前面的业务没有按照你设想的执行。还有用this的时候要注意啦，在事件响应方法里，this就代表事件源对象。你可以看看alert($(this).html())或是alert($(this).parent().html())看看是不是你要指定的图片对象。

Answer 5

直接看qq空间里面的jsp代码  jsp与html 差距不大