.boxShadow?{
????-webkit-box-shadow:?#999?0px?0px?8px;
????-moz-box-shadow:?#999?0px?0px?8px;
????box-shadow:?#999?0px?0px?8px;
}

$("div").mouseover{
??$(this).addClass(".boxShadow");
}.mouseout{
??$(this).removeClass(".boxShadow);
}

當(dāng)鼠標(biāo)劃上去的時(shí)候，給這個(gè)例子加上一個(gè)底部陰影的樣式，移開(kāi)時(shí)同時(shí)把此樣式移開(kāi)

border:?1px?solid?#696;padding:?60px?0;text-align:?center;?width:?200px;

-webkit-border-radius:?8px;
-moz-border-radius:?8px;
border-radius:?8px;
-webkit-box-shadow:?#666?0px?0px?10px;
-moz-box-shadow:?#666?0px?0px?10px;
box-shadow:?#666?0px?0px?10px;background:?#EEFF99;behavior:?url(/PIE.htc);
你試一下咯