鼠标滚动实现图片放大缩小[转]
来源:互联网 发布:设计师软件 编辑:程序博客网 时间:2024/04/29 02:09
<!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>
<SCRIPT LANGUAGE="JavaScript">
<!--
//图片按比例缩放,可输入参数设定初始大小
function resizeimg(ImgD,iwidth,iheight) {
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
if(image.width/image.height>= iwidth/iheight){
if(image.width>iwidth){
ImgD.width=iwidth;
ImgD.height=(image.height*iwidth)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
else{
if(image.height>iheight){
ImgD.height=iheight;
ImgD.width=(image.width*iheight)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
ImgD.style.cursor= "pointer"; //改变鼠标指针
ImgD.onclick = function() { window.open(this.src);} //点击打开大图片
if (navigator.userAgent.toLowerCase().indexOf("ie") > -1) { //判断浏览器,如果是IE
ImgD.title = "请使用鼠标滚轮缩放图片,点击图片可在新窗口打开";
ImgD.onmousewheel = function img_zoom() //滚轮缩放
{
var zoom = parseInt(this.style.zoom, 10) || 100;
zoom += event.wheelDelta / 12;
if (zoom> 0) this.style.zoom = zoom + "%";
return false;
}
} else { //如果不是IE
ImgD.title = "点击图片可在新窗口打开";
}
}
}
//-->
</SCRIPT>
</head>
<body>
<div >
<img name="" src="new.jpg" onload="javascript:resizeimg(this,198,235)">
<div>
</body>
</html>
- 鼠标滚动实现图片放大缩小[转]
- 图片放大缩小,滚动鼠标
- 鼠标滚动实现图片的放大和缩小(C#2.0)
- C#(winform)实现图片的无损放大缩小【点击鼠标滚动键放大缩小】
- flex实现图片根据鼠标的滚动放大或缩小(以鼠标的的位置 为中心放大缩小)
- 鼠标移动到图片上实现图片的放大缩小
- 鼠标滚轮放大/缩小图片
- 鼠标滚轮 放大缩小图片
- 移动鼠标放大缩小图片
- flex4.6实现图片放大缩小及鼠标拖放事件
- js实现 图片随鼠标移动,随滚轮放大缩小
- js实现图片滚轮放大缩小以及鼠标拖动
- JS实现鼠标滚轮缩小放大拖动图片代码
- 鼠标滚轮实现放大缩小
- 鼠标滚动放大缩小导航栏代码
- 【求助】自定义事件/鼠标滚轮滚动放大缩小图片,chrome下失效求解?
- 鼠标滚轮使图片放大缩小
- 鼠标滑轮控制图片放大缩小
- 目录
- 歪解“工作经验”
- 数据库db_files参数增大怎么办
- setup lamp server
- 飞思卡尔ARM11的i.MX31或FreeScale imx31处理器中文介绍及应用领域
- 鼠标滚动实现图片放大缩小[转]
- VC6.0 SP6 简体中文迷你版
- rman
- Visual Basic 6.0 精简版
- 用VMQuery查询虚拟地址空间(虚拟内存)的使用情况
- 数值名,数组首地址,数组指针
- 年轻要火一把
- JBPM流程设计器(原型 支持多浏览器)
- 1