滚轮拖动图片、放大缩小，js

最新推荐文章于 2022-04-29 13:31:42 发布

Velocityy

最新推荐文章于 2022-04-29 13:31:42 发布

阅读量383

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/Velocityy/article/details/103919102

版权

如题，网上找了很多，就这个还可以，不足的一点就是没有边界值判断

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div {
   
            width: 400px;
            height: 400px;
            overflow: hidden;
            position: relative;
            border: 1px solid #000;
        }
        
        div img {
   
            position: absolute;
            height: 100%;
            width: auto;
            cursor: move;
        }
    </style>
</head>

<body>
    <div id="div" onmousewheel="return bbimg(this)"><img id="img" border="0" src="img/logo.png" /></div>
    <script language="javascript">
        var params = {
   
            zoomVal: 1,
            left: 0,
            top: 0,
            currentX

最低0.47元/天解锁文章

Velocityy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
滚轮拖动图片、放大缩小，js

如题，网上找了很多，就这个还可以，不足的一点就是没有边界值判断<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div { ...
复制链接

扫一扫