zoukankan
html css js c++ java
用javascript放大图片局部
<
html
>
<
head
>
<
title
>
emu
</
title
>
</
head
>
<
body
>
<
BR
>
原图:
<
BR
>
<
img
src
="http://img.pconline.com.cn/images/photo2/839980/1118509777696.JPG"
onmousemove
="zoom()"
id
=srcImg>
<BR
>
局部放大图:
<
BR
>
<
div
style
="overflow:hidden"
><
img
id
=zoomImg></div>
<SCRIPT LANGUAGE
="JavaScript"
>
<!--
zoomImg.src = srcImg.src;
srcImg.height = srcImg.height/2;
var zoomRate = 5;
zoomImg.height = srcImg.height*zoomRate;
zoomImg.parentNode.style.width = srcImg.width;
zoomImg.parentNode.style.height = srcImg.height;
function zoom(){
var elm = event.srcElement;
h = elm.offsetHeight/zoomRate/2;
w = elm.offsetWidth/zoomRate/2;
var x = event.x-elm.offsetLeft;
x=x<(elm.offsetWidth-w)?x<w?w:x:elm.offsetWidth-w;
zoomImg.style.marginLeft=(w-x)*zoomRate;
var y = event.y-elm.offsetTop;
y=y<(elm.offsetHeight-h)?y<h?h:y:elm.offsetHeight-h;
zoomImg.style.marginTop=(h-y)*zoomRate;
}
//
-->
</
SCRIPT
>
</
body
>
</
html
>
查看全文
相关阅读:
(mysql)卸载5.0安装6.05出现“Error Nr. 2003 : Can't connect to MySQL server on 'localhost' (10061). ”的解决办法
(Redundancy)关于服务器冗余的几个疑问,请知道的帮忙解答.
(C#)XML文件操作3
POJ 3635 Full Tank(最短路径变形 + 优先队列)
POJ 2286 The Rotation Game(DFS + 迭代加深)
POJ 1141 Brackets Sequence(区间DP + 打印路径)
POJ 3460 Booksort(IDA* + 估价函数设计)
POJ 2908 Quantum(BFS + 优先队列)
NOI 1997 积木游戏(解题报告)
NYOJ 110 决斗(区间DP + 黑书例题)
原文地址:https://www.cnblogs.com/stonehuang/p/6603227.html
最新文章
1z0062 题库解析1
1z0062 题库解析4
随写
DropDownList 绑定
3.2.3 枚举与数组型
3.2.1 单值类型
javascript 滚动+停留 代码
第4天:调用样式表
传奇——用回忆感受幸福,用记忆寻找快乐
3.2.2 类型转换
热门文章
第5天:head区的其他设置
合理修改3389端口
Django简介
(life)躲在角落谈90风
(vs2005,socket)socket的一点小发现
(asp.net,javascript,HTML)输入框回传引起的问题
(.Net)使用WMI远程控制windows服务
(Life)联想服务续
(System)使用windows更新出现0x8DDD0018编号错误的解决方法
(XMPP,JABBER)windows下安装openfire
Copyright © 2011-2022 走看看