Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 使用鼠标滚轮或触摸滚动进行jQuery图像缩放_Php_Jquery_Html_Css - Fatal编程技术网

Php 使用鼠标滚轮或触摸滚动进行jQuery图像缩放

Php 使用鼠标滚轮或触摸滚动进行jQuery图像缩放,php,jquery,html,css,Php,Jquery,Html,Css,你好,我有一个简单的div,在html页面中有500x500,包括jQuery。我想在div中使用图像,单击图像将在div中缩放。图像大小1320x917。 我还可以用鼠标滚动图像 HTML代码: 试试这个css: .grow { transition: all .2s ease-in-out; } .grow:hover { transform: scale(1.1); } 演示: .grow { transition: all .2s ease-in-out; } .grow:hove

你好,我有一个简单的div,在html页面中有500x500,包括jQuery。我想在div中使用图像,单击图像将在div中缩放。图像大小1320x917。 我还可以用鼠标滚动图像

HTML代码


试试这个css:

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }
演示:

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }

您可以使用JQuery插件实现图像缩放功能。 请看一看

试试这个,这是你最好的缩放


亲爱的希拉格这是不工作,我想在div(w 500px-h 500px)内使用。图像不能显示在div的网站上。而且我不能用鼠标滚动图像。不,亲爱的,这不起作用。我不能用鼠标滚动图像,不仅不能缩放,而且我还可以用鼠标滚动图像。检查此项:。和图像不显示出站点分区。
.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }