小白求助求大神指点为什么代码运行没有改变样式的效果啊

2018-04-03 02:35:19 388 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

OpenLayer使用css3滤镜效果改变切片地图的样式 css3有一个属性很好玩，filter(滤镜属性)，可以做一些图片的滤镜和ps相同的效果，但是还和ps效果有些差距，如何将filter滤镜属性用到OpenLayer中？下面讲一下如何让通过滤镜的效果来改变地图底图切片样式。一、效果图 1、滤镜前 2、滤镜后看了上面是不是感觉好神奇，我们竟然可以改变切片地图样式。二、css3的filter属性值 1　　grayscale灰度 2　　s... 阅读详情

HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Title</title>
</head>
<body>
<p id="message">Whee!</p>
<script src="scripts/addLoadEvent.js"></script>
<script src="scripts/positionMessage.js"></script>
</body>
</html>
JS代码
addLoadEvent.js
function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload != 'function'){
window.onload=func;
}else{
oldonload();
func();
}
}

positionMessage.js
addLoadEvent(positionMessage);
addLoadEvent(moveMessage);
function positionMessage(){
if(!document.getElementById)return false;
if(!document.getElementById("message"))return false;
var elem=document.getElementById("message");
elem.style.position="absolute";
elem.style.left="50px";
elem.style.top="100px";
}
function moveMessage(){
if(!document.getElementById)return false;
if(!document.getElementById("message"))return false;
var elem=document.getElementById("message");
elem.style.left="200px";
}

...全文