用惯了WordPress,之前使用的主题移动端基本都带底部导航,看习惯了,换成Typecho搭配oneblog主题之后,移动端底部没有导航栏,不太习惯,自己瞎捣鼓了一个,感介又不太好看,索性加了一个悬浮球装饰。
功能比较简单,支持左右两个位置自定义选择,目前是加了3个子悬浮球,太多了也不美观,个人感觉3个刚刚好,可以自定义开启。
图标建议使用阿里图标库,直接下载PNG透明图标使用即可。
图标链接直接填写URL或者你需要的JS事件。
推荐JS使用:
1.联系QQ:javascript:window.location.href='mqqwpa://im/chat?chat_type=wpa&uin=你的QQ&version=1&src_type=web&web_src=oicqzone.com';
2:联系邮箱:javascript:location.href='mailto:你的邮箱'
3:图片弹出:javascript:(()=>{const existing=document.getElementById('popupContainer');if(existing)existing.remove();else{const container=document.createElement('div');container.id='popupContainer';container.style.position='fixed';container.style.top='0';container.style.left='0';container.style.width='100%';container.style.height='100%';container.style.zIndex='9998';container.onclick=()=>container.remove();const img=document.createElement('img');img.src='你的图片地址';img.style.position='fixed';img.style.top='50%';img.style.left='50%';img.style.transform='translate(-50%, -50%)';img.style.zIndex='9999';img.style.boxShadow='0 0 20px rgba(0,0,0,0.3)';img.style.maxWidth='90%';img.style.maxHeight='90vh';img.onclick=e=>e.stopPropagation();container.appendChild(img);document.body.appendChild(container);}})();
插件功能比较鸡肋哈,不过用来装饰还是不错滴,填填联系方式啥的,哈哈哈。
下载地址


评论榜单
看看隐藏,谢谢大佬!
来看看
(★ᴗ★)
被Xuan吸引到了,顺便看看插件
流畅,看着这个问号以为是问题反馈,哈哈
以为是反馈问题,然后点开是联系方式,联系上了就可以反馈,没毛病,哈哈哈
终于弄好啦?是哪里问题呢?
主题更新3.6.4后的版本bug,刚刚更新版本啦
,你也快去更新
为typecho博客做贡献支持一下,优质的插件能帮助有需要的博主。oneblog主题写个导航栏挺好看的呀哈哈哈
这不误解了,主要我写的不好看啊
相信自己,越折腾越精神(参考我的来也可以,都是同款主题哈哈
你的确实好看(✪ω✪),睡了睡了