jquery 图片放大镜例子 (同事ivy那里拿的) 不指定

Else , 2010/03/30 09:36 , JQuery资源 , Comments(0) , Reads(738) , Via Original

<script type="text/javascript">
$(function(){
  var x=10;
  var y=10;
  $("a.tooltip").mouseover(function(e){
    var tooltip="<div id='tooltip'><img src='"+this.href+"' alt='商品預覽圖'/></div>";
    $("body").append(tooltip);
    $("#tooltip").css({
      "top":(e.pageY+y)+"px","left":(e.pageX+x)+"px","position":"absolute","border":"1px solid #ccc","background":"#FFF"
    }).show("fast");
  }).mouseout(function(){
    $("#tooltip").remove();
  }).mousemove(function(e){
    $("#tooltip").css({
      "top":(e.pageY+y)+"px","left":(e.pageX+x)+"px"
  });
  });
});
</script>


查看例子
Add a comment

Nickname

Site URI

Email

Enable HTML Enable UBB Enable Emots Hidden Remember [Login] [Register]