第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

將 onmouseover 重定向到其他元素時出錯

將 onmouseover 重定向到其他元素時出錯

慕運維8079593 2023-04-01 17:18:33
我希望當我將鼠標移到 svg 上時,文本會向右移動,使其可見;但是它不起作用。會有什么問題?HTML:<div class="exitBox">                           <span class="exitButton"><?php include "SVGs/sair.svg"; ?></span>            <span class="exit"><a href="#" id="exitA">SAIR</a></span>                       </div>CSS:.exitBox{            display: inline;            position: fixed;            top: 20px;            left: 40px;            overflow: hidden;        }        .exitButton svg{            width: 20px;            color: black;        }        #exitA{            display: inline-block;            text-decoration: none;            color: black;            font-size: 30px;            letter-spacing: 2px;            font-family: Teko;            transform: translateX(-100px);        }腳本腳本:var exit = document.getElementById("exitA");        var exitB = document.getElementsByClassName("exitButton");                exitB.onmouseover = function exit(){            exit.style.transform = "translateX(100px)";          }
查看完整描述

1 回答

?
米琪卡哇伊

TA貢獻1998條經(jīng)驗 獲得超6個贊

您對函數(shù)和退出元素使用相同的名稱。

您將它從 -100px 移動到 100px,這意味著 200px,這會導致文本超出屏幕

var exitB = document.getElementsByClassName("exitButton")[0];


exitB.onmouseenter = function exit(){

      var exitA = document.getElementById("exitA");

      exitA.style.transform = "translateX(0)";  

}

.exitBox{

    display: inline;

    position: fixed;

    top: 20px;

    left: 40px;

    overflow: hidden;

}


.exitButton svg{

    width: 20px;

    color: black;

}


#exitA{

    display: inline-block;

    text-decoration: none;

    color: black;

    font-size: 30px;

    letter-spacing: 2px;

    font-family: Teko;

    transform: translateX(-100px);

}

<div class="exitBox">               

    <span class="exitButton"><div>hover</div></span>

    <span class="exit"><a href="#" id="exitA">SAIR</a></span>               

</div>


查看完整回答
反對 回復 2023-04-01
  • 1 回答
  • 0 關注
  • 117 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號