Js可以控制css样式吗

html-css011

Js可以控制css样式吗,第1张

js 可以直接控制css。

比如

<html>

<div id="div" style="width:100pxheight:110px"></div>

<script>

     document.getElementById("div").style.background = "red"

</script>

</html>

就是将id=div的div背景色设为红色

直接使用Medias Query来实现，在css样式表中直接用

@media(min-width:1200px){

/*这里是大于1024的代码。举例如下 ：*/

body{ width:1024px}

}

兼容所有浏览器，这个实现的叫做响应式布局

c3实现你这个需求很麻烦，建议你用JQ的animate:

$('el').animate({top: "-=20",right:"-=30"}, 600)

移不动请检查该元素是否有position：relative。

或者自己用js封装一个动画。