Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/419.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何通过按钮触发CSS_Javascript_Html_Css - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 如何通过按钮触发CSS

Javascript 如何通过按钮触发CSS

javascript html css

Javascript 如何通过按钮触发CSS,javascript,html,css,Javascript,Html,Css,我需要按钮作为CSS动画的触发器。这只是一些基本的东西，但我把它搞砸了。我犯了什么错？为什么我按下按钮时什么也没发生 函数xyz（）{ document.getElementById（'box'）.classList.toggle（活动） } #框{ 位置：绝对位置； 前-120%； 左：20%； 宽度：60%； 身高：60%； 背景：#000； 过渡：.5s； 不透明度：0.7； } #box.active{ 最高：20%； } #方框a{ 字号：3em； 保证金：0； 填充：0； 颜色：#

我需要按钮作为CSS动画的触发器。这只是一些基本的东西，但我把它搞砸了。我犯了什么错？为什么我按下按钮时什么也没发生

函数xyz（）{ document.getElementById（'box'）.classList.toggle（活动） } 
#框{
位置：绝对位置；
前-120%；
左：20%；
宽度：60%；
身高：60%；
背景：#000；
过渡：.5s；
不透明度：0.7；
}
#box.active{
最高：20%；
}
#方框a{
字号：3em；
保证金：0；
填充：0；
颜色：#fff；
}


点击我问题似乎是应该将类名指定为字符串


document.getElementById（'box'）.classList.toggle（'active'））



所以在单引号或双引号之间是“活动的”。
问题似乎是您应该将类名指定为字符串


document.getElementById（'box'）.classList.toggle（'active'））


所以在单引号或双引号之间为“活动”