周明亮var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
var clientWidth =document.documentElement.clientWidth || document.body.clientHeight;
//console.log(this.scrollTop)
if(scrollTop>=580 && clientWidth>1200){
document.querySelector('.index-right').className= "gaibian";
}else{
document.querySelector('.gaibian').className= "index-right";
} 上边就可以获得，scrolltop是滚动条距离顶部的距离，clientwidth是屏幕的宽度。
这用就可以用这些值来一些监听滚动条和屏幕宽度的效果，上面的是当滚动条距离顶部大于等于580且屏幕宽度大于1200是实现给.index-right的盒子上加上一个类名gaibian，否则在。gaibian的盒子类名上加index-right。
jq调取百度地图动态接口
在HTML里引入jq和baidu的api和百度js
<script src="http://api.map.baidu.com/api?v=2.0&ak=A1LU7iHS0avqQwPLAxbhKn0UYSQCuRVH"></script>
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script> <script src="js/jquery.baiduMap.min.js"></script><br/> 然后调取百度的接口
<script type="text/javascript">
new BaiduMap({
id: "container1",
title: {
text: "北京故宫博物院",
className: "title"
},
content: {
className: "content",
text: ["地址：北京市东城区东华门大街", "电话：(010)65131892"]
},
point: {
lng: 116.412222,
lat: 39.912345
}
});
</script> id：container1就是要讲百度地图展示的盒子
0
联系我
0条评论