在 HTML 小說(shuō)中，經(jīng)常會(huì)出現(xiàn)輪轉(zhuǎn)的效果，比如一個(gè)人物說(shuō)出了一句話，然后屏幕滾動(dòng)，接著另一個(gè)人物開(kāi)口說(shuō)話。這種效果可以通過(guò)一段簡(jiǎn)單的 HTML 代碼實(shí)現(xiàn)。

<div id="rotate">
<p>人物 A：這里是人物 A 的臺(tái)詞</p>
<p>人物 B：這里是人物 B 的臺(tái)詞</p>
<p>人物 C：這里是人物 C 的臺(tái)詞</p>
</div>
<script>
var i = 0;
var p = document.querySelectorAll('#rotate p');
function rotate() {
p[i].style.display = 'none';
i = (i + 1) % p.length;
p[i].style.display = 'block';
}
setInterval(rotate, 2000); // 每 2 秒鐘切換一次臺(tái)詞
</script>

這段代碼定義了一個(gè) id 為 "rotate" 的 div 元素，其中包含了三個(gè) p 元素，分別是人物 A、人物 B 和人物 C 的臺(tái)詞。同時(shí)，還定義了一個(gè) JavaScript 函數(shù) rotate()，用來(lái)實(shí)現(xiàn)輪轉(zhuǎn)效果。

rotate() 函數(shù)首先隱藏當(dāng)前顯示的 p 元素，然后計(jì)算出應(yīng)該顯示哪個(gè) p 元素（通過(guò)取余運(yùn)算來(lái)實(shí)現(xiàn)循環(huán)），最后將新的 p 元素顯示出來(lái)。借助 setInterval() 函數(shù)，可以每隔一定時(shí)間自動(dòng)調(diào)用 rotate() 函數(shù)，從而實(shí)現(xiàn)臺(tái)詞輪轉(zhuǎn)的效果。