javascript实现小方框中浏览大图特效_JavaScript技术_编程技术

The author:(作者)delv
published in(发表于) 2013/12/31 6:34:53
javascript实现小方框中浏览大图特效_JavaScript技术_编程技术

今天在玩 google earth 4.0b，发现 Print Screen 下来的图片很大，如果直接放在网页上，因为尺寸太大又不合适，又不想压缩图片的尺寸，于是乎就想到了这种方法，没想到实现起来比预想的要容易。这段代码还兼容 firefox。
限定滚动的范围，不会出现背景。
用到onmousemove事件，图片实时随鼠标移动而移动。

运行代码框

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br/><html xmlns="http://www.w3.org/1999/xhtml"><br/><head><br/><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><br/><title>无标题文档</title><br/><style type="text/css"><br/></style><br/></head><br/><body><br/><div id="pic" onmousedown="getmouseposition(event)" onmousemove="movestart(event)" onmouseup="movestop()" onmouseout="movestop()"> </div><br/></body><br/></html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

If you have any requirements, please contact webmaster。(如果有什么要求，请联系站长)

QQ:154298438
QQ:417480759