:HOVER, :ACTIVE 的應用。使用時要注意，在 IE6 中 :HOVER, :ACTIVE 只能用在 ANCHOR 元素。 <style type="text/css"> .hvr {text-wrap:normal; word-wrap:break-word; width: 120px; background:#339 } .hvr:hover {word-wrap:normal;} .hvr:active {word-wrap:break-word;} </style> <p class=hvr> John F. Kennedy said: [AskNotWhatYourCountry] can do for you - ask [WhatYouCanDoForYourCountry]. </p>
javascript 應用。可以用 style 物件 的特徵 wordWrap 作動態變化。 <p id='test' style='text-wrap:normal; word-wrap:break-word; width: 120px; background:#339'> John F. Kennedy said: [AskNotWhatYourCountry] can do for you - ask [WhatYouCanDoForYourCountry]. </p> <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", "wordWrap", "normal", "break-word", 1000); </script>
