<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
{margin: 0;padding:0;}
</style>
</head>
<body>
<div style="border:1px #0066FF solid;" ><img name="a" src="imgs/apng"></div>
<img name="b" src="imgs/aapng">
<img name="c" src="imgs/aapng">
<script>
var flag = true;//状态true为正常的状态,false为放大的状态
var imga = documentgetElementsByName("a")[0];//元素
var imgb = documentgetElementsByName("b")[0];//元素
var imgc = documentgetElementsByName("c")[0];//元素
imgbonclick = function(){
imgastyletransform="scale("+(flag11:1)+")";
flag=!flag;
}
imgconclick = function(){
imgastyletransform="scale("+(flag09:1)+")";
flag=!flag;
}
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width,height=device-height, initial-scale=10, maximum-scale=10, user-scalable=0, shrink-to-fit=no">
<title>Title</title>
</head>
<body>
<div id="container">
<div id="id_1">textContent_1</div>
<div id="id_2">textContent_2</div>
<div id="id_3">textContent_3</div>
<div id="id_4">textContent_4</div>
<div id="id_5">textContent_5</div>
<div id="id_6">textContent_6</div>
<div id="id_7">textContent_7</div>
<div id="id_8">textContent_8</div>
<div id="id_9">textContent_9</div>
<div id="id_10">textContent_10</div>
<div id="no_1">textContent_no_event_call</div>
<div id="no_2">textContent_no_event_call</div>
<div id="no_3">textContent_no_event_call</div>
<div id="no_4">textContent_no_event_call</div>
<div id="no_5">textContent_no_event_call</div>
</div>
<script type="text/javascript">
//采用代理方式处理
var divs = documentquerySelectorAll("div[id^='id_']");
var ids = Arrayprototypeslicecall(divs)map(function (div) {
return divid;
});
documentquerySelector('#container')addEventListener('click', function (e) {
if (idsindexOf(etargetid) > -1) {
alert(etargettextContent);
}
}, false);
</script>
</body>
</html>
看看如下示例是否符合你的需求:
<!DOCTYPE html><html>
<head>
<meta ;
鼠标移动到区域,然后滚动滚动,可以放大、缩小div。想要放大或者缩小到固定大小的话,直接传递数值即可的!
有任何疑问,欢迎追问
以上就是关于js 按钮+图片 放大/缩小 现在是以图片a 的左上角为中心放大的 如何改成 以图片的正中心放大缩小全部的内容,包括:js 按钮+图片 放大/缩小 现在是以图片a 的左上角为中心放大的 如何改成 以图片的正中心放大缩小、js/jquary 获取当前元素id、js网页缩放重置等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)