Javascript实现小方框中浏览大图特效

2022-07-15 80酷酷网 80kuku.com

　　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"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style type="text/css"></style><script type="text/javascript"></script></head><body><div id="pic" onmousemove="movestart(event)" > </div></body></html>

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