在JS代码中如何实现用JS调用我所设定的CSS动画？
就是我想通过button 的单击事件去调用我自己所设定的CSS滑动动画，但是不知道如何使用JS来控制我所设置的CSS动画
ExodusH浏览 2887回答 2
2回答
-
qq_覗水翛_0
对应动画写成CSS，点击按键的时候去动态改变动画区域的class就行了 -
辉光
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>
随时随地看视频慕课网APP
Html/CSS
JavaScript