作者astrokid (astrokid)
看板Ajax
標題[問題] JS控制CSS
時間Thu Feb 9 03:05:20 2012
各位前輩好,
在練習JS時遇到一個問題
我想要控制某個div 的寬度,每點一下div的區塊就會減少5%寬度
試了很久只能做到把寬度設為某個值,似乎跟雙引號有關係
ex: 25% document.getElementById("center").style.width= "25%" ;
下面是有問題的code
function widthdec(){
document.getElementById("center").style.width -= 5% ;
}
.......
<div id="center" style="float:left; width:20%;background-color:#512356;"
onclick="widthdec()";>
<p>test</p>
</div>
另外,div 寬度變為0時,test 卻還存在,包在div裡面的字怎麼不會跟著消失呢?
JS初學者有勞各位了 , 謝謝
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 219.70.21.47
※ 編輯: astrokid 來自: 219.70.21.47 (02/09 03:27)
→ nightspirit:你要設div overflow:hidden 內容才會被邊框屏閉 02/09 08:24
推 kerash:先確定一下是不是真的被 -5%了(用開發工具) 02/09 09:25
推 LPH66: -= 5% 看起來怪怪的... 02/09 13:58
→ astrokid:已解決,感謝~ 02/09 15:26