作者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)
1F：→ nightspirit:你要设div overflow:hidden 内容才会被边框屏闭 02/09 08:24
2F：推 kerash:先确定一下是不是真的被 -5%了(用开发工具) 02/09 09:25
3F：推 LPH66: -= 5% 看起来怪怪的... 02/09 13:58
4F：→ astrokid:已解决,感谢~ 02/09 15:26