js给图层添加动态样式
Posted joesmile
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js给图层添加动态样式相关的知识，希望对你有一定的参考价值。
需求：需要在视窗内随意点击对应位置，图层从上到下匀速运动到指定位置
<img id="moveDot" class="moveDot" src="images/moveDot.png">
js
//地图插点动态效果
//横坐标
var x=120;
//纵坐标
var y=200;
var style = document.styleSheets[0];
style.insertRule(\'.moveDot {width:30px;height:auto;position:absolute;left:\'+x +\'px;top:\'+y +\'px;z-index:999999;animation:mymove 500ms;-webkit-animation:mymove 500ms;animation-timing-function:linear;}\', 0);
style.insertRule(\'@keyframes mymove{from{ top:0; }to{top:\'+y +\'px;}}\',0);
style.insertRule(\'@-webkit-keyframes mymove{from{ top:0; }to{top:\'+y +\'px;}}\',0);
以上是关于js给图层添加动态样式的主要内容，如果未能解决你的问题，请参考以下文章