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
>
查看全文
相关阅读:
vs2012下如何调试带输入参数的程序
BASH-数据流重导向
VS在连接期间的一个错误的处理:转换到 COFF 期间失败: 文件无效或损坏
vmware中NAT配置不能上网的一个解决方案
linux下查找
系统及用户的bash环境配置 学习笔记
linux中控制台字体和背景颜色配置
bash中变量的巧用
vi 常用指令存档
vim指令示意图
原文地址:https://www.cnblogs.com/stonehuang/p/6603227.html
最新文章
hdu 1232水
hdu 1102
hdu 1856
hdu 1325数据弱
1272判断是否有环
hdu 1213
Gym 101047M Removing coins in Kem Kadrãn
Gym 101047K Training with Phuket's larvae
POJ 1556 E
POJ 3304 Segments 判断直线和线段相交
热门文章
POJ 2318 TOYS 利用叉积判断点在线段的那一侧
Gym 101055A 计算几何,暴力
CSU 1453: 平衡序列 学会线段树后必做
HDU 5105 Math Problem
【流泪贴】教训贴~自己太渣了
HDU 4622 Reincarnation Hash解法详解
CvMat操作
比较两个int型数组的大小
基类与派生类,父类指针指向子类对象
windows远程桌面时共享主机的本地硬盘
Copyright © 2011-2022 走看看