white-space 第三頁

white-space 3

:HOVER, :ACTIVE 的應用。使用時要注意，在 IE6 中 :HOVER, :ACTIVE 只能用在 ANCHOR 元素。 <style type='text/css'> .hvr {white-space:pre; width:150px; height:auto; background:blue; } .hvr:hover {white-space:normal;} .hvr:active {white-space:nowrap;} </style> <p class=hvr>Not ask what your country can do for you, ask what you can do for your country. </p>

javascript 應用。可以用 style 物件 的特徵 whiteSpace 作動態變化。此範例使用到 toggleCSS()。 <span id='test'> 射擊遊戲, 好玩遊戲, 益智遊戲, 賽車遊戲. </span> <script type='text/javascript'> function toggleCSS(id, pty, v1, v2, ms) { var os=document.getElementById(id).style; os[pty]= (os[pty] == v1 ) ? v2 : v1; setTimeout('toggleCSS("'+id+'","'+pty+'","'+v1+'","'+v2+'",'+ms+')', ms); } toggleCSS("test", "whiteSpace", "pre", "nowrap", 1500); </script>

white-space（你正在看 第三頁）

:

第一頁

第二頁

第三頁