:HOVER, :ACTIVE 的應用。使用時要注意，在 IE6 中 :HOVER, :ACTIVE 只能用在 ANCHOR 元素。 <style type='text/css'> .hvr {width:150px; height:120px; border:solid 1px red; line-height:20%; } .hvr:hover {line-height:100%;} .hvr:active {line-height:180%;} </style> <div class=hvr>射擊遊戲, 好玩遊戲, 搏擊遊戲, 賽車遊戲, 小遊戲. </div>
javascript 應用。可以用 style 物件 的特徵 lineHeight，作動態變化。 <div id='test' style='background:#339; width:100px'>變 長 變 短</div><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", "lineHeight", "24px", "40px", 1500); </script>