ASP.NET jQuery 小实例（实现图片的放大缩小）

①Default.aspx文件

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><!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 id="Head1" runat="server"><title></title><script src = "jquery.js" type="text/javascript"></script>   </head>
<body><form id="form1" runat="server"><div><img src="data:images/1.jpg"  style="width:300px" /><br /><input type="button" value="放大图片" οnclick="zoomin()" /><input type="button" value="缩小图片" οnclick="zoomout()" /></div></form><script type="text/javascript">function zoomin() {$("img").css({width: function (index, val) {return parseFloat(val) * 1.1;},height: function (index, val) {return parseFloat(val) * 1.1;}});}function zoomout() {$("img").css({width: function (index, val) {return parseFloat(val) * 0.9;},height: function (index, val) {return parseFloat(val) * 0.9;}});}   </script>
</body>
</html>

②效果图如下：
Ⅰ.放大：

Ⅱ.缩小：

ASP.NET jQuery 小实例（实现图片的放大缩小）相关推荐

jquery 实现点击图片居住放大缩小
jquery 实现点击图片居住放大缩小该功能是基于jquery实现的,所以第一步则是引入jquery jquery下载地址:https://jquery.com/download/ 或者使用此时调 ...
微信小程序，图片双指放大缩小
不说废话,直接上代码,复制到项目改就完事了 wxml代码  <view class='wrapper'><view class=&quo ...
小程序富文本提取图片可放大缩小
小程序富文本提取图片可放大缩小启发: step1 step2 step3 step4 step5 最后启发: 因为最近有需求说在小程序商品的详情页里所有图片可以放大缩小,网上好像不太好找,就写了篇 ...
html图片自动在div里放大,HTML5+CSS3实现图片的放大/缩小
原标题:HTML5+CSS3实现图片的放大/缩小最近做项目时,经常遇到需要图片缓慢放大的效果.我做的时候想到了几种方法,所以来总结一下. 1. 利用css改变图片的宽高,做出视觉上的放大. 首先,将 ...
android 自由缩放图片大小,android Matrix实现图片随意放大缩小或拖动
本文实例为大家分享了android Matrix图片随意放大缩小和拖动的具体代码,供大家参考,具体内容如下 step1:新建一个项目DragAndZoom,并准备一张照片放在res/drawable- ...
Iwfu-安卓Gesture手势(2)-实现多点触控控制图片的放大缩小。
上一篇介绍安卓Gesture手势初步使用,这一篇用Gesture来实现多点触控达到控制图片放大缩小. 上文中写道,进行手势监听的Activity要实现对应的OnGestureListener接口,重写 ...
【插件】jQuery.iviewer----图片浏览（滚动放大缩小问题解决）
[插件]jQuery.iviewer----图片浏览(滚动放大缩小问题解决) 参考文章: (1)[插件]jQuery.iviewer----图片浏览(滚动放大缩小问题解决) (2)https://ww ...
iOS 仿淘宝实现商品规格图片的放大缩小功能
刚好最近在做个商城项目,甲方爸爸说咱们要求不高,你就照着淘宝来就好,额~~~~ 好吧,咱就不吐槽了,直接开撸吧,惯例先上一下效果图需求以及思路我们要实现的功能有如下几个: 图片的全屏查看以及保存 ...
C语言实现BMP图片的放大缩小
C语言实现BMP图片的放大缩小 BMP图片简介:BMP图片是windows操作系统中的标准图像文件格式,可以分为两类:设备相关位图(DDB)和设备无关位图(DIB),使用广泛.它采用位映射存储格式,除 ...

ASP.NET jQuery 小实例（实现图片的放大缩小）

ASP.NET jQuery 小实例（实现图片的放大缩小）相关推荐

最新文章

热门文章