我想让DW中一个图片在一定范围内随机移动我该怎么坐(DW版本为CC2018)
时间: 2024-02-25 12:57:10 浏览: 16
您可以使用DW中的JavaScript来实现图片在一定范围内随机移动的效果。
以下是一个示例代码,可以帮助您实现这个功能:
```javascript
// 获取图片元素
var img = document.getElementById("myImg");
// 设定图片移动范围
var range = {
left: 0,
top: 0,
right: 500,
bottom: 500
};
// 设置图片初始位置
var x = 0;
var y = 0;
img.style.left = x + "px";
img.style.top = y + "px";
// 定义移动函数
function moveImage() {
// 生成随机移动距离
var dx = Math.floor(Math.random() * 10) - 5;
var dy = Math.floor(Math.random() * 10) - 5;
// 计算图片新的位置
var newX = x + dx;
var newY = y + dy;
// 判断新位置是否超出范围
if (newX < range.left || newX > range.right || newY < range.top || newY > range.bottom) {
// 如果超出范围,则重新生成随机移动距离
dx = Math.floor(Math.random() * 10) - 5;
dy = Math.floor(Math.random() * 10) - 5;
newX = x + dx;
newY = y + dy;
}
// 移动图片
x = newX;
y = newY;
img.style.left = x + "px";
img.style.top = y + "px";
// 定时器循环移动
setTimeout(moveImage, 100);
}
// 启动移动函数
moveImage();
```
请将上述代码保存为JS文件,然后在DW中将其链接到你的HTML文件中。在HTML文件中,你需要为图片元素设置一个ID,以便JavaScript能够找到它并对其进行移动。例如:
```html
<img id="myImg" src="myImage.jpg">
```
请注意,上述代码仅提供了一个基本的移动功能,您可以根据自己的需求进行修改和扩展。