偶爾在一些網站上會看到一個有趣的鼠標點擊特效,當鼠標在網站上點擊下,就會迸發出許多漂亮的粒子,這一款的粒子偏小一點,顏色上也是很輕快,不會有一種厚重的感覺,而且還是經過優化的哦。這一次的wordpress美化教程就教大家如何實現吧。
- 代碼來源:詳情
效果如圖:

此頁底部的Demo2提供了一種更加清爽的粒子效果,可以依照上文部署在您的網頁中。
怎么使用?
點擊下方的Demo按鈕,在新打開的頁面中右鍵查看源代碼,然后依據代碼注釋復制代碼放到主題根目錄下的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的源碼,如果你的網站已經引用了,可根據代碼中的注釋刪掉相關代碼。
如果你也喜歡這樣有趣的網頁特效,那么還可以看看這個wordpress美化分享的更加動感的特效。