就是我想通过button 的单击事件去调用我自己所设定的CSS滑动动画，但是不知道如何使用JS来控制我所设置的CSS动画
2 回答
辉光
TA贡献3条经验 获得超0个赞
CSS在html装入时就设置好了，需要有事件驱动CSS状态改变，如onclick onmousemove等，在这些事件中用js改变目标的class，即可实现。可参考如下：
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<style type="text/css">
p {background-color: rgb(250,0,255); color: rgb(255,255,255);}
p.no1 {background-color: blue; padding: 20px;}
p.no2 {background-color: gray; padding: 20px;}
</style>
</head>
<body>
<p id="test" class="no2" onmouseover="xchBG('no1')" onmouseout="xchBG('no2')"
onclick="xchBG()">鼠标移入/移出改变背景色</p>
<script type="text/javascript">
function xchBG(class_name){
var x = document.getElementById("test");
x.className = class_name;
}
</script>
</body>
</html>添加回答
举报
0/150
提交
取消