我试图根据鼠标位置更改元素(在本例中为.png)的不透明度。
我发现了这个很好的颜色示例:http://jsfiddle.net/WV8jX/
var $win = $(window),
w = 0,h = 0,
rgb = [],
getWidth = function() {
w = $win.width();
h = $win.height();
};
$win.resize(getWidth).mousemove(function(e) {
rgb = [
Math.round(e.pageX/w * 255),
Math.round(e.pageY/h * 255),
150
];
$(document.body).css('background','rgb('+rgb.join(',')+')'); }).resize();
但我很困惑如何使用不透明度来做到这一点。 我想要同样平滑、无缝的效果。
我们将不胜感激所有帮助!
最佳答案
这相当简单:
$(function(){
var $win = $(window),
w = 0,h = 0,
opacity = 1,
getWidth = function() {
w = $win.width();
h = $win.height();
};
$win.mousemove(function(e) {
getWidth();
opacity = (e.pageX/w * 0.5) + (e.pageY/h * 0.5);
$('#myElement').css('opacity',opacity);
});
});
我删除了整个调整大小的内容,因为它对我来说没有意义。
关于javascript - 随着鼠标位置改变不透明度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15853321/