如何設置擴展菜單以關閉頁面加載

我有一個擴大點擊的div，但我不知道如何將其設置爲在頁面關閉時解除擴展？如何設置擴展菜單以關閉頁面加載

 <script> 
    function toggleDiv(id1,id2) { 
     var tag = document.getElementById(id1).style; 
     var tagicon = document.getElementById(id2); 

     if(tag.display == "none") { 
     tag.display = "block"; 
     tagicon.innerHTML = "&nbsp;-&nbsp;"; 
     } else { 
     tag.display = "none"; 
     tagicon.innerHTML = "&nbsp;+&nbsp;"; 
     } 
    } 
</script>

和HTML：

<div class="title" onClick="javascript:toggleDiv('content1','icon1');"> 
    <span style="float:left">Options</span> 
    <span id="icon1" style="float:right">&nbsp;-&nbsp;</span> 
    </div> 
    <div id="content1" class="item"> 
    <div><input type="button" onclick="changeBG('#FF0097')" value="Magenta"/></div> 
    <div><input type="button" onclick="changeBG('#A200FF ')" value="Purple"/></div> 
    <div><input type="button" onclick="changeBG('#00ABA9')" value="Teal"/></div> 
    <div><input type="button" onclick="changeBG('#8CBF26')" value="Lime"/></div> 
    <div><input type="button" onclick="changeBG('#F09609')" value="Orange"/></div> 
    <div><input type="button" onclick="changeBG('#1BA1E2')" value="Blue"/></div> 
    <div><input type="button" onclick="changeBG('#E51400')" value="Red"/></div> 
    <div><input type="button" onclick="changeBG('#339933')" value="Green"/></div> 
    </div>

的CSS櫃面你需要它：

.title { 
     padding:5px; 
     border:1px solid #CCCCCC; 
     font:15px arial; 
     width:100px; 
     cursor:pointer; 
     height:20px; 
    } 

    .item { 
     padding:5px; 
     border:1px solid #CCCCCC; 
     font:12px verdana; 
     width:100px; 
    } 

    .item div { 
     border-bottom:1px solid #CCCCCC; 
     padding:5px; 
    } 

    .button { 
     border:1px solid #CCCCCC; 
     padding:5px; 
     cursor: pointer; 
    }

正如你可以看到下拉菜單允許用戶更改網站的背景顏色。我想知道是否可以創建一個cookie來存儲更改，以便它不會先默認爲白色背景，直到用戶選擇一種顏色爲止？

謝謝堆棧溢出（：

所有和任何幫助表示讚賞

來源

2012-09-23 Joshua

是的，JS是能夠讀取/寫入cookie。 – cimmanon

我肯定是有身體你的HTML頁面，只需加上像下面陳述的功能它的工作原理我」。 VE測試

<body onLoad="toggleDiv('content1','icon1')">

來源

2012-09-23 06:06:27 polin

Thnk你！現在我只需要創建一個cookie來存儲背景顏色的選擇呢？我把它這可以在JS做呢？ – Joshua

是的，它也可以由JS完成。 – polin

如何設置擴展菜單以關閉頁面加載

回答

相關問題