Loading... > 新年新气象，祝福大家：万事胜意！ 从萌卜兔大佬的博客看到侧边栏头像文字描述的动态效果，于是简单弄了一个。 效果：描述文字逐字增加，显示完整再逐字减少，反复更替。 在外观设置-开发者设置-自定义javascript中添加以下代码： ```javascript let wordNum = 0,dynamicWord = "若逢新雪初霁，满月当空，下面平铺着皓影，上面流转着亮银，而你带笑地向我步来，月色与雪色之间，你是第三种绝色。"; let dynamicEl = document.getElementById("dynamic-word"); window.onload= addWord(); function reduceWord(){ dynamicEl.innerHTML = dynamicWord.slice(0,wordNum); wordNum--; let dynamicTimer = setTimeout(reduceWord,300); if( wordNum == -1){ clearTimeout(dynamicTimer); addWord(); } } function addWord(){ dynamicEl.innerHTML+=dynamicWord.charAt(wordNum); wordNum++; let dynamicTimer = setTimeout(addWord,300); if( wordNum == dynamicWord.length + 1){ clearTimeout(dynamicTimer); wordNum = dynamicWord.length; reduceWord(); } } ``` 然后修改主题文件夹下的aside.php（路径为：handsome\component\aside.php） ``` <span class="text-muted text-xs block"><?php $this->options->BlogJob() ?></span> ``` 为： ``` <span id="dynamic-word" class="text-muted text-xs block"></span> ``` 大功告成！ 如果想要自定义文字，修改js代码中dynamicWord字符串的内容即可； 最后修改：2021 年 02 月 24 日 02 : 26 PM © 允许规范转载 赞赏 你的每一次赞赏都是我继续创作下去的动力，ღ( ´･ᴗ･` )比心 ×Close 赞赏作者 扫一扫支付 支付宝支付 微信支付
