用javascript实现在小方框中浏览大图的代码

<!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" onmousedown="getmouseposition(event)" onmouseup="setmouseposition(event)"></div> 今天在玩 google earth 4.0b，发现 Print Screen 下来的图片很大，如果直接放在网页上，因为尺寸太大又不合适，又不想压缩图片的尺寸，于是乎就想到了这种方法，没想到实现起来比预想的要容易。呵呵，该死的是，这段代码还兼容 firefox。 </body> </html> 今天在玩 google earth 4.0b，发现 Print Screen 下来的图片很大，如果放在网页不合适，又不想压缩图片的尺寸，于是乎就想到了这种方法，没想到实现起来比预想的要容易。呵呵，该死的是，这段代码还兼容 firefox。 -------------------------------------------------------------------------------------- 2006.6.20 修改： ·添加了滚动的范围，不会出现背景 ·用到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" onmousedown="getmouseposition(event)" onmousemove="movestart(event)" onmouseup="movestop()" onmouseout="movestop()"> </div> </body> </html>

　　推荐阅读

　　超强推荐的js编程中的简洁写法收集

举个例子，比如数据a，一般访问每个数据会用 for(var x=0;x<a.length;x++) { alert(a[x]) } 简洁的写法是 for(var x in a) { alert(a[x]) } 新建数组的简单写法 d=[1,2,3,3,4,3,2,2] 或 d={1,2,3,3,4,3,>>>详细阅读

本文标题：用javascript实现在小方框中浏览大图的代码

地址：http://www.17bianji.com/kaifa2/JS/30185.html

1/2 1