首先點擊左邊縮進的圖片，左欄縮小。
第二，實現的想法
1.作為壹個按鈕，點擊圖片觸發層的顯示和收縮。圖片代碼如下:
& lta href = " JavaScript:show()；"& gt& ltIMG src = " image/fc lose . gif " align = " ABS middle " border = " 0 " & gt；& lt/A & gt；
第三，源代碼
& ltHTML & gt
& ltHEAD & gt
& ltMETA http-equiv = " Content-Type " Content = " text/html；charset=gb2312 " >
& ltTITLE & gt收縮左欄效果
& ltSTYLE type="text/css " >
TD { font-size:12px；行高:22px}
。紅色{color: #FF0000}
& lt/STYLE & gt；
& lt腳本語言= " JavaScript " & gt
函數顯示(){
如果(文檔。getelementbyid ("left ")。風格。display = = ' none '){//確定左欄的當前狀態(顯示，隱藏)。
document . getelementbyid(" left ")style . display = ' block '；//顯示左欄
}
else { document . getelementbyid(" left ")style . display = ' none '；//隱藏左欄
}
}
& lt/SCRIPT & gt；
& lt/HEAD & gt；
& ltBODY & gt
& ltTABLE width = " 98% " border = " 0 " cellspacing = " 0 " cell padding = " 0 " align = " center " >
& ltTR & gt
& ltTD id="left" width="200 " >點擊右邊的縮小按鈕，看看我有沒有進去！& lt/TD & gt；
& ltTD width = " 8 " style = " border-right:1 # cccccc solid；"& gt& lta href = " JavaScript:show()；"& gt& ltIMG src = " image/fc lose . jpg " align = " ABS middle " border = " 0 " & gt；& lt/A & gt；& lt/TD & gt；
& ltTD valign="top">。正面
& lt/TR & gt；
& lt/TABLE & gt；
& lt/BODY & gt；
& lt/HTML & gt；