TA貢獻(xiàn)3條經(jīng)驗(yàn) 獲得超0個(gè)贊
對(duì)應(yīng)動(dòng)畫寫成CSS，點(diǎn)擊按鍵的時(shí)候去動(dòng)態(tài)改變動(dòng)畫區(qū)域的class就行了
TA貢獻(xiàn)3條經(jīng)驗(yàn) 獲得超0個(gè)贊
CSS在html裝入時(shí)就設(shè)置好了，需要有事件驅(qū)動(dòng)CSS狀態(tài)改變，如onclick onmousemove等，在這些事件中用js改變目標(biāo)的class，即可實(shí)現(xiàn)?？蓞⒖既缦拢?/p>
<!DOCTYPE?html>
<html>
<head>
<title>Test</title>
<style?type="text/css">
p?{background-color:?rgb(250,0,255);?color:?rgb(255,255,255);}
p.no1?{background-color:?blue;?padding:?20px;}
p.no2?{background-color:?gray;?padding:?20px;}
</style>
</head>
<body>
<p?id="test"?class="no2"?onmouseover="xchBG('no1')"?onmouseout="xchBG('no2')"
?onclick="xchBG()">鼠標(biāo)移入/移出改變背景色</p>
<script?type="text/javascript">
function?xchBG(class_name){
var?x?=?document.getElementById("test");
x.className?=?class_name;
}
</script>
</body>
</html>舉報(bào)