CSS控制 隱藏 & 顯示

JDP

CSS部份加入

1. 
   
2. /* Visibility Hidden */
   
3.   .Hidden {
   
4.    visibility: hidden;
   
5.   }
   
6. /* Visibility Visible */
   
7.   .Visible {
   
8.    visibility: visible;
   
9.   }
   

複製代碼

JavaScript部份

1. 
   
2. function classChange(element,newclass) {
   
3. element.className = newclass;
   
4. }
   

複製代碼

HTML部份

1. 
   
2. <p class="normal"
   
3. onMouseOver="classChange(invisible,'Visible')"
   
4. onMouseOut="classChange(invisible,'Hidden')">
   
5. This is a normal paragraph, placed after a paragraph
   
6. that has the class <strong>Hidden</strong>.
   
7. Move the mouse over this paragraph to reveal the
   
8. hidden one; move the mouse off to hide it again.
   
9. </p>
   
10. </div>
    

複製代碼

JDP

Layer3.style.visibility = "visible"; <--顯示
Layer4.style.visibility = "hidden"; <--隱藏