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 赞赏作者 扫一扫支付 支付宝支付 微信支付