Javascript 它没有';I don’我不能注册我在元素上悬停

Javascript 它没有';I don’我不能注册我在元素上悬停,javascript,html,css,Javascript,Html,Css,我不明白为什么,但我不能让CSS或javascript“注册”我正在悬停在一个对象上,如果有人有耐心和理解来帮助我,请这样做 您可以在第67行和第68行(JS)找到“onmouseover”和“onmouseleave”事件 “flexcards”位于第90行(HTML)的“mainflexbox”中 var main=document.getElementsByTagName('main')[0]; //双塔 let BYcontainer=document.getElementsByCas

我不明白为什么,但我不能让CSS或javascript“注册”我正在悬停在一个对象上,如果有人有耐心和理解来帮助我,请这样做

您可以在第67行和第68行(JS)找到“onmouseover”和“onmouseleave”事件

“flexcards”位于第90行(HTML)的“mainflexbox”中

var main=document.getElementsByTagName('main')[0];
//双塔
let BYcontainer=document.getElementsByCassName('binarycontainer')[0];
函数binarytowers(){
总功率=130;
for(var iT=0;iT”+二进制字符串+“

”) } } //开始使用按钮效果 函数GETSTARTED(){ const startedbuttonarea=document.getElementById('startbutton'); startedbuttonarea.style.transform=“translateY(2000px)”; const openingpanel=document.getElementById('E8620409'); openingpanel.classList.add('openingpanel'); var showcallers=document.getElementsByClassName('startshowcallers'); 设置超时(()=>{ openingpanel.style.width=“100%”; document.body.style.cursor=“无”; 设置超时(()=>{ for(var iSC=0;iSC{ document.getElementById('start').style.display=“无”; openingpanel.classList.add('transitionDomain'); 设置超时(()=>{ openingpanel.style.display=“无”; main.style.display=“block”; }, 3200); }, 12400); }, 860); }, 2580); } //背景光标 var cursor=document.getElementById('cursor'); document.addEventListener('mousemove',function(41;){ var x=u0.clientX; 变量y=uu.clientY; cursor.style.left=x+'px'; cursor.style.top=y+'px'; }); var flexcards=document.querySelectorAll(“.flexcard”) 函数游标悬停(值){ console.log('Action'+值) } flexcards.forEach(card=>card.addEventListener('onmouseover',cursorhover)) flexcards.forEach(card=>card.addEventListener('onmouseleave',cursorhover)) //加载函数 window.onload=()=>{ 双星塔(); }
正文{
保证金:0;
位置:相对位置;
最小宽度:100vw;
最小高度:100vh;
溢出:隐藏;
}
@字体{
字体系列:“consola”;
src:url('../font/consola.ttf');
}
@字体{
字体系列:“codystar”;
src:url('../font/codystar.ttf');
}
@字体{
字体系列:“library3am”;
src:url('../font/Library3am.otf');
}
@字体{
字体系列:“helvetica light”;
src:url('../font/helvetica-light.woff');
}
/*星侧*/
div#start{
显示:内容;
位置:相对位置;
身高:100%;
宽度:100%;
z指数:30;
}
.startbackground{
位置:绝对位置;
背景图像:url(“../Images/backgroundImage1.jpg”);
宽度:100%;
身高:100%;
背景尺寸:包含;
}
.binarycontainer{
高度:1px;
字体系列:“consola”;
颜色:rgb(14,185,14);
显示器:flex;
转换:translateX(-4px);
字号:16.5px;
}
.binarycontainer>*:第n个子项(1){
宽度:5px;
左边距:.31px;
}
.binarycontainer>*{
宽度:5px;
右边距:11px;
颜色:#3af321;
}
.binarycontainer>*:第n个子项(偶数){
边际上限:0px;
transform:translateY(-7px);
}
.binarycontainer>*:第n个子项(奇数){
边缘顶部:2倍;
transform:translateY(-2px);
}
#开始按钮{
位置:绝对位置;
宽度:100%;
身高:50%;
最高:50%;
过渡:
变换.4s立方贝塞尔(0.61,-0.19,0.7,-0.11);
}
.startbuttonarea{
高度:300px;
宽度:100%;
位置:绝对位置;
左:50%;
最高:50%;
转换:翻译(-50%,-50%);
}
.startbuttonbody{
利润率:100px0;
填充:0;
显示器:flex;
证明内容:中心;
对齐项目:居中;
}
a、 开始按钮链接{
位置:相对位置;
显示:内联块;
字体系列:“library3am”;
填充:15px 30px;
颜色:#2195f3;
文本转换:大写;
字母间距:4px;
文字装饰:无;
溢出:隐藏;
字体大小:34px;
文本阴影:1px 3px 3px#3f3f;
过渡:
背景色1s,
文本阴影1s,
盒影1.47s;
;
}
a、 开始按钮链接:悬停{
颜色:#2c2828;
文本阴影:1px 3px 3px透明;
背景:#3af321;
盒影:0 0 60px#3af321,0 0 260px#3af321,0 0 480px#3af321;
光标:指针;
}
.animateGETSTARTED{
动画名称:fadeAndScaleSTART;
动画持续时间:1.5s;
动画计时功能:立方贝塞尔(0,1.07,72,1.42);
动画迭代次数:1;
变换原点:中心-底部;
}
@关键帧fadeAndScaleSTART{
0% {
不透明度:0;
变换:scale3d(0,0,0);
}
70% {
不透明度:0;
变换:缩放3d(.75,75,1);
}
100% {
不透明度:1;
变换:scale3d(1,1,1);
}
}
#E8620409{
z指数:20;
}
.打开面板{
动画名称:openpanel;
动画持续时间:2秒;
动画计时功能:立方贝塞尔(0.18,0.79,0.85,0.96);
动画迭代次数:1;
位置:绝对位置;
背景图像:url(“../Images/backgroundImage1.jpg”);
身高:100%;
动画延迟:.58s;
}
@关键帧打开面板{
从{
宽度:0%;
右边界:12
main {
  position: relative;
  width: 100vw;
  height: 100vh;
  z-index: -10;
}