CSS中如何使用JS?在CSS中使用JS可以實現一些動態樣式效果,比如鼠標懸停時改變背景色、點擊后旋轉元素等。下面介紹一下如何在CSS中使用JS。
/* 外部引入js文件 */ <script type="text/javascript" src="example.js"></script> /* 在CSS中使用JS */ .example{ background-color: #ccc; } .example:hover{ /* 鼠標懸停時改變背景色 */ background-color:; }
在上面的代碼中,我們首先通過外部引入js文件的方式將JS文件加載進來。然后,在CSS中使用:hover選擇器實現鼠標懸停時改變背景色的效果。其中,我們通過在腳本標簽中調用getRandomColor()函數來生成隨機顏色,從而實現動態修改背景顏色的目的。
需要注意的是,如果想要在CSS中使用JS,需要在樣式表中使用script標簽。此外,如果需要在JS代碼中使用CSS樣式,也可以使用document.style屬性來獲取和修改元素的樣式。