鼠标滚轮使图片放大缩小
2007-06-08 12:27
489 查看
<%@ Page language="c#" Codebehind="WebForm21.aspx.cs" AutoEventWireup="false" Inherits="TBT_Admin.NewFolder1.WebForm21" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>WebForm4</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<script language="javascript">
function bbimg(o)
{
var zoom=parseInt(o.style.zoom, 10)||100;zoom+=event.wheelDelta/12;if (zoom>0) o.style.zoom=zoom+'%';
return false;
}
</script>
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<img src="/images/denglu_bg.jpg" onload="javascript:if(this.width>screen.width*0.7)this.style.width=screen.width*0.7;"
onmousewheel="return bbimg(this)" style="Z-INDEX: 101; LEFT: 104px; POSITION: absolute; TOP: 0px">
</form>
</body>
</HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>WebForm4</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<script language="javascript">
function bbimg(o)
{
var zoom=parseInt(o.style.zoom, 10)||100;zoom+=event.wheelDelta/12;if (zoom>0) o.style.zoom=zoom+'%';
return false;
}
</script>
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<img src="/images/denglu_bg.jpg" onload="javascript:if(this.width>screen.width*0.7)this.style.width=screen.width*0.7;"
onmousewheel="return bbimg(this)" style="Z-INDEX: 101; LEFT: 104px; POSITION: absolute; TOP: 0px">
</form>
</body>
</HTML>
相关文章推荐
- 图片实现鼠标滚轮滚动放大缩小图片
- js实现图片滚轮放大缩小以及鼠标拖动
- jQuery仿QQ空间图片查看特效(全屏,放大,缩小,旋转,镜像,鼠标滚轮缩放)
- JS实现鼠标滚轮缩小放大拖动图片代码
- js鼠标滚轮放大缩小图片
- 鼠标滚轮控制图片的放大和缩小
- 用HTML5实现鼠标滚轮事件放大缩小图片的功能
- 关于js鼠标滚轮放大缩小图片案例
- ExtJs 完美实现图片在Window窗口中通过鼠标滚轮放大缩小以及点击拖拽
- Jquery鼠标滚轮放大缩小图片
- 【求助】自定义事件/鼠标滚轮滚动放大缩小图片,chrome下失效求解?
- 鼠标滚轮 放大缩小图片
- 鼠标滚动实现图片放大缩小[转]
- mxGraph绘图区域使用鼠标滚轮实现放大/缩小
- phpstrom 鼠标滚轮放大缩小字体
- react vr通过鼠标滚轮放大缩小场景
- [Unity3D]Unity3D游戏开发之鼠标滚轮实现放大缩小
- 基于jquery的滚动鼠标放大缩小图片效果
- 基于jquery实现一张图片点击鼠标放大再点缩小
- 实现图片通过滚轮的放大缩小