偶爾在一些網(wǎng)站上會看到一個有趣的鼠標(biāo)點(diǎn)擊特效,當(dāng)鼠標(biāo)在網(wǎng)站上點(diǎn)擊下,就會迸發(fā)出許多漂亮的粒子,這一款的粒子偏小一點(diǎn),顏色上也是很輕快,不會有一種厚重的感覺,而且還是經(jīng)過優(yōu)化的哦。這一次的wordpress美化教程就教大家如何實(shí)現(xiàn)吧。
- 代碼來源:詳情
效果如圖:

此頁底部的Demo2提供了一種更加清爽的粒子效果,可以依照上文部署在您的網(wǎng)頁中。
怎么使用?
點(diǎn)擊下方的Demo按鈕,在新打開的頁面中右鍵查看源代碼,然后依據(jù)代碼注釋復(fù)制代碼放到主題根目錄下的footer.php
文件的</body>
前即可。
提示:
代碼中的效果是所有平臺都有這個煙花粒子效果的,如果不想在移動端有這個效果,可以將以下代碼:
<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)頁特效,那么還可以看看這個wordpress美化分享的更加動感的特效。