One document.getElementById per function?_问答_开发者

One document.getElementById per function?

开发者 https://www.devze.com 2023-03-29 06:54 出处：网络

I\'m trying to use mouse coordinates to control the opacity of div elements, bu开发者_运维百科t only one div element will respond.

I'm trying to use mouse coordinates to control the opacity of div elements, bu开发者_运维百科t only one div element will respond.

<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 does what I would expect, but divTwo does nothing. Anything I'm forgetting?

According to your code, the only problem is that the js isn't in a script tag. Otherwise there's no difference.

See this very easy to make demo :D