Question

我正在尝试使用鼠标坐标来控制div元素的不透明度，但只有一个div元素会响应。

<head>
document.onmousemove=getMouseCoordinates;

function getMouseCoordinates(event)
{
ev = event || window.event;
var width = window.innerWidth;
document.getElementById('divOne').style.opacity = ev.pageX/width;
document.getElementById('divOne').style.filter = 'alpha(opacity=' + value*10 + ')';
document.getElementById('divTwo').style.opacity = ev.pageX/width;
document.getElementById('divTwo').style.filter = 'alpha(opacity=' + value*10 + ')';
}
</head>
<body>
<div id="divOne" style="position:fixed; top:7%; left: 11%;"><img src="images/skytest.png" /></div>
<div id="divTwo" style="position:fixed; top:22%; left: 26%;"><img src="images/0816112011d.jpeg" /></div>

divOne做了我期望的事，但divTwo什么也没做。我忘了什么???

1 个答案:

答案 0 :(得分：0)

Answer 1

根据您的代码，唯一的问题是js不在脚本标记中。否则没有区别。

请参阅此very easy to make demo：D

每个函数一个document.getElementById？

1 个答案: