????:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js事件</title> <style> .box1{width: 100px;height: 100px;background: #B9AEEE;} </style> </head> <body> <div onclick="clic(this)"></div> <script> function clic(x) { x.style.borderRadius="50px" x.style.boxShadow="3px 3px 5px #999" x.style.background="pink" } </script> </body> </html>
本實例完成的是是鼠標點擊div后,div變成圓形,背景顏色改變并產生邊框陰影的效果,涉及到的事件是單擊事件(onclick);改變元素的css樣式,在js中用x.style.樣式名稱(注意符合屬性用駝峰寫法,比如box-shadow要寫成boxShadow)
?? ???:韋小寶?? ??:2019-01-26 13:11:42
???? ??:寫的很不錯 我就是好奇 你這個div給了一個點擊效果 但是你這個div內部啥也沒有,并且也沒有給div寬和高,請問你在測試的時候是怎么點擊的呢??