像地图浏览一样放大缩小,向左向右的那个怎么弄

来源:百度知道 编辑:UC知道 时间:2024/06/14 19:47:16
像地图浏览一样放大缩小,向左向右的那个怎么弄的
问题补充:你的模式不错,但我需要的你离题了啊。
http://www.maptown.cn/China/Map/MjM4MjcHoTeL/index.html
和这个一样的啊,9999999999999
这个上没有那个按键可以直接向左向右放大缩小功能的啊。拖动是有了啊

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>用鼠标移动显示的图片类似google地图</title>
<style type="text/css">
<!--
#pic {
width:480px;
height:320px;
border: 3px solid #ccc;
background-image: url(../Uploadfile/2006515151036789.JPG);
background-repeat: no-repeat;
background-position: 0px 0px;
cursor: move;
}
-->
</style>
<script type="text/javascript">
<!--
var p = new Array();
var speed = 0.05; //速度
var picWidth = 1280; // 大图的宽高
var picHeight = 971;
var x,y // 鼠标点下去时背景的坐标
var x_new,y_new //位移
var haveclick = false;

function getmouseposition(event)
{
if(document.all)
{
x = document.body.scrollLeft+event.clientX;
y = document.body.scrollTop+event.clientY;
}else
{