首页创建html文件，并放入多个图片，且将其尺寸调好，位置可在HTML中拖动

创建html文件，并放入多个图片，且将其尺寸调好，位置可在HTML中拖动

时间: 2024-03-23 16:43:09 浏览: 12

好的，以下是一个简单的示例，展示如何在 HTML 页面中添加多个图片，并允许用户拖动它们： ```html <!DOCTYPE html> <html> <head> <title>可拖动的图片</title> <style> /* 设置图片的初始位置和大小 */ .draggable { position: absolute; width: 200px; height: 200px; } </style> </head> <body>  <img src="image1.jpg" class="draggable" /> <img src="image2.jpg" class="draggable" /> <img src="image3.jpg" class="draggable" />  <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script> // 让图片可拖动 $(".draggable").draggable(); </script> </body> </html> ``` 如上所示，我们在 HTML 页面中添加了三个图片，并给它们添加了一个名为 `draggable` 的类，该类用于标识这些图片可以拖动。我们还在 `<head>` 元素中添加了一些 CSS 样式，以设置图片的初始位置和大小。在页面底部，我们引入了 jQuery 库，并使用 `$().draggable()` 方法将所有带有 `draggable` 类的图片设置为可拖动。这样，用户就可以在页面上拖动图片，调整它们的位置了。