添加框架菜單按鈕的選項？

-1

我怎麼按菜單按鈕後一幀添加到與選擇網站的左側？添加框架菜單按鈕的選項？

這裏是有關HTML

<div class="container" onclick="myFunction(this)"> 
    <div class="bar1"></div> 
    <div class="bar2"></div> 
    <div class="bar3"></div>

這裏是有關CSS

.container { 
    display: inline-block; 
    cursor: pointer; 
} 

.bar1, .bar2, .bar3 { 
    width: 35px; 
    height: 5px; 
    background-color: #fff; 
    margin: 6px 0; 
    transition: 0.4s; 
} 

/* Rotate first bar */ 
.change .bar1 { 
    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ; 
    transform: rotate(-45deg) translate(-9px, 6px) ; 
} 

/* Fade out the second bar */ 
.change .bar2 { 
    opacity: 0; 
} 

/* Rotate last bar */ 
.change .bar3 { 
    -webkit-transform: rotate(45deg) translate(-8px, -8px) ; 
    transform: rotate(45deg) translate(-8px, -8px) ; 
}

下面是相關JS

function myFunction(x) { 
    x.classList.toggle("change"); 
}

來源

2017-12-03 Thomas Scheer

當我想你的代碼，我得到了後續荷蘭國際集團的錯誤信息：「的ReferenceError：myFunction是沒有定義」

一種解決方案是跳過函數調用，並直接將您的切換代碼的onclick參數中。

<div class="container" onclick="this.classList.toggle('change')"> 
    <div class="bar1"></div> 
    <div class="bar2"></div> 
    <div class="bar3"></div>

下面是這個工作的例子：https://jsfiddle.net/k84vcbu2/

注：onClick參數中一般不提倡，因爲它混合的JavaScript到HTML中。也許最好的方法是從你的HTML從JavaScript下降的onclick參數，並指定click事件：

document.getElementById('container1').addEventListener('click',function() { 
    this.classList.toggle('change') 
    })

，這裏是編輯的HTML（我刪除了「點擊」參數，並添加一個「id」參數）

<div class="container" id="container1"> 
    <div class="bar1"></div> 
    <div class="bar2"></div> 
    <div class="bar3"></div>

來源

2017-12-03 04:45:01 DBolton

嗯，不知道我相當瞭解你在哪裏 –

也許我誤解了你遇到的問題。你可以在你的意思是什麼拓展「我怎麼按菜單按鈕後添加一幀與選擇網站的左側？」 – DBolton

添加框架菜單按鈕的選項？

回答

相關問題