我想动态改变地图图片的颜色(比如从蓝色变成红色)。由于需要支持IE浏览器,所以无法使用canvas。您有什么办法可以使用javascript在客户端上操作图片吗?
我想动态改变地图图片的颜色(比如从蓝色变成红色)。由于需要支持IE浏览器,所以无法使用canvas。您有什么办法可以使用javascript在客户端上操作图片吗?
<!-- mymap.png contains a transparent "hole" for color -->
<img id="colorme" src="mymap.png" style="background-color:red" />
<script>
// change the color to blue:
document.getElementById('colorme').style.backgroundColor = 'blue'
</script>
将其放在服务器端并将其作为新资源获取,例如使用透明间隔图像,并将实际图像URL作为background-image属性放置在设置CSS选择器时使用的类名中。
现在更改图像的className应该替换所显示的图像,无需客户端进行糟糕的聪明操作。
根据你需要做什么,你可以使用纯CSS来移动背景图片的视口。看看这个网站的顶部导航菜单:http://grotonhomesforsale.com
看看当你将鼠标悬停在上面时,文本下面的图像如何变化?你也可以用不同的图像做同样的事情。