鼠标经过图片放大功能.

来源:百度知道 编辑:UC知道 时间:2024/06/19 00:30:00
大家看一下这个站上的图片放大效果,我觉得很不错,
我看了一下里面的代码,就是不知道里面的坐标数值怎样获取的?

有高手指点没?

http://www.gonnashop.com/
高分诚求解决,

要和提供的演示站上的一样。希望高手能把那个怎样获取坐标的代码写出来.

============================================================================

二楼的,说话不要这么狠,
我很明确的说,这个网站不是我的,我只是看中了他的图片功能,在此提出问题我想应没有什么不对。

三楼的,图片效果看上去和这个差不多,但是有两个决点,
第一。这个图片只能固定在这个鼠标的右下角,不能随位置而变化,
第二。点击链接的时候它是必需进入大图片,不太好。

先浏览一张图片,再把鼠标移到图片上就可以看到效果了。

<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<script type="text/javascript" src="http://www.cssrain.cn/demo/JQuery+API/jquery-1[1].2.1.pack.js"></script>
<script language="javascript">
$(function(){
var ei = $("#large");
ei.hide();
$("#img1, img").mousemove(function(e){
ei.css({top:e.pageY,left:e.pageX}).html('<img style="border:1px solid gray;" src="' + this.src + '" />').show();
}).mouseout( function(){
ei.hide();
})
$("#f1").change(function(){
$("#img1").attr("src","file:///"+$("#f1").val());
})
});
</script