當(dāng)鼠標(biāo)在網(wǎng)站上點(diǎn)擊下，就會(huì)迸發(fā)出許多漂亮的粒子，這一款的粒子偏小一點(diǎn)，顏色上也是很輕快，不會(huì)有一種厚重的感覺，而且還是經(jīng)過優(yōu)化的哦。這一次的wordpress美化教程就教大家如何實(shí)現(xiàn)吧
偶爾在一些網(wǎng)站上會(huì)看到一個(gè)有趣的鼠標(biāo)點(diǎn)擊特效，當(dāng)鼠標(biāo)在網(wǎng)站上點(diǎn)擊下，就會(huì)迸發(fā)出許多漂亮的粒子，這一款的粒子偏小一點(diǎn)，顏色上也是很輕快，不會(huì)有一種厚重的感覺，而且還是經(jīng)過優(yōu)化的哦。這一次的wordpress美化教程就教大家如何實(shí)現(xiàn)吧。
- 代碼來源：詳情
效果如圖：
此頁底部的Demo2提供了一種更加清爽的粒子效果，可以依照上文部署在您的網(wǎng)頁中。
怎么使用？
點(diǎn)擊下方的Demo按鈕，在新打開的頁面中右鍵查看源代碼，然后依據(jù)代碼注釋復(fù)制代碼放到主題根目錄下的footer.php文件的</body>前即可。
提示：
代碼中的效果是所有平臺(tái)都有這個(gè)煙花粒子效果的，如果不想在移動(dòng)端有這個(gè)效果，可以將以下代碼：
<div id="clickCanvas" style=" position:fixed;left:0;top:0;z-index:999999999;pointer-events:none;"></div>替換為：
<?php if(!wp_is_mobile()): ?>
<div id="clickCanvas" style=" position:fixed;left:0;top:0;z-index:999999999;pointer-events:none;"></div>
<?php endif; ?>而且，代碼中包含了sketch.min.js的源碼，如果你的網(wǎng)站已經(jīng)引用了，可根據(jù)代碼中的注釋刪掉相關(guān)代碼。
如果你也喜歡這樣有趣的網(wǎng)頁特效，那么還可以看看這個(gè)wordpress美化分享的更加動(dòng)感的特效。
