CSS和JS是網(wǎng)頁設(shè)計中很重要的兩個技術(shù)，經(jīng)常會用到兩者的交互使用。下面我們來說一下，如何在CSS代碼中調(diào)用JS。

在CSS代碼中調(diào)用JS，主要有以下兩種方法：
方法一：使用:hover偽類觸發(fā)JS
我們可以在CSS代碼中使用:hover偽類來觸發(fā)JS腳本，例如下面的代碼：
.btn:hover {
font-size: 20px;
cursor: pointer;
}
.btn:hover {
background-color: red;
}
.btn:hover {
color: white;
}

其中，.btn是一個按鈕的類名，當(dāng)鼠標(biāo)懸停在這個按鈕上時，會觸發(fā)三個不同的JS腳本，分別改變按鈕的字體大小、背景顏色和字體顏色。

方法二：使用@keyframes關(guān)鍵幀動畫觸發(fā)JS
我們還可以使用@keyframes關(guān)鍵幀動畫來觸發(fā)JS腳本，例如下面的代碼：
@keyframes zoom {
0% {
transform: scale(1);
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
.btn:hover {
animation: zoom 0.5s infinite;
cursor: pointer;
}

在這段代碼中，我們定義了一個@keyframes關(guān)鍵幀動畫，讓按鈕在50%的時候縮放1.2倍。然后我們在.btn:hover上應(yīng)用這個動畫，并設(shè)置它無限循環(huán)。當(dāng)鼠標(biāo)懸停在按鈕上時，按鈕就會不停地縮放，觸發(fā)JS腳本。

以上就是兩種在CSS代碼中調(diào)用JS的方法，希望這篇文章能對你有所幫助！