我是先参考别人的【点击跳转】博客来做的。不过我发现网上很多人都没有把一些细节写出来,用了别人那里下载的文件后里面的一些跳转链接就跳到他们的页面了。所以我这里写一写如何修改这些跳转链接吧。

1. 首页跳转链接
$('.waifu-tool .fui-home').click(function (){window.location = '<这个是看板娘点小房子时的跳转链接>';
});2. 关于跳转链接
$('.waifu-tool .fui-info-circle').click(function (){window.open('<这个是看板娘点关于时的跳转链接>');
});3. 点开首页的特殊判断
function waifuWelcome(){var text;var SiteIndexUrl = 'https://www.cnblogs.com/janbar/';  // 手动指定主页,页面刷新的时候显示的语句if (window.location.href == SiteIndexUrl) {      // 如果是主页var now = (new Date()).getHours();if (now > 23 || now <= 5) {text = '你是夜猫子呀?这么晚还不睡觉,明天起的来嘛';} else if (now > 5 && now <= 7) {text = '早上好!一日之计在于晨,美好的一天就要开始了';} else if (now > 7 && now <= 11) {text = '上午好!工作顺利嘛,不要久坐,多起来走动走动哦!';} else if (now > 11 && now <= 14) {text = '中午了,工作了一个上午,现在是午餐时间!';} else if (now > 14 && now <= 17) {text = '午后很容易犯困呢,今天的运动目标完成了吗?';} else if (now > 17 && now <= 19) {text = '傍晚了!窗外夕阳的景色很美丽呢,最美不过夕阳红~';} else if (now > 19 && now <= 21) {text = '晚上好,今天过得怎么样?';} else if (now > 21 && now <= 23) {text = '已经这么晚了呀,早点休息吧,晚安~';} else {text = '嗨~ 快来逗我玩吧!';}} else {if(document.referrer !== ''){var referrer = document.createElement('a');referrer.href = document.referrer;var domain = referrer.hostname.split('.')[1];if (window.location.hostname == referrer.hostname) {text = '欢迎阅读<span style="color:#0099cc;">『' + document.title.split(' - ')[0] + '』</span>';} else if (domain == 'baidu') {text = 'Hello! 来自 百度搜索 的朋友<br>你是搜索 <span style="color:#0099cc;">' + referrer.search.split('&wd=')[1].split('&')[0] + '</span> 找到的我吗?';} else if (domain == 'so') {text = 'Hello! 来自 360搜索 的朋友<br>你是搜索 <span style="color:#0099cc;">' + referrer.search.split('&q=')[1].split('&')[0] + '</span> 找到的我吗?';} else if (domain == 'google') {text = 'Hello! 来自 谷歌搜索 的朋友<br>欢迎阅读<span style="color:#0099cc;">『' + document.title.split(' - ')[0] + '』</span>';} else {text = 'Hello! 来自 <span style="color:#0099cc;">' + referrer.hostname + '</span> 的朋友';}} else {text = '欢迎阅读<span style="color:#0099cc;">『' + document.title.split(' - ')[0] + '』</span>';}}showMessage(text, 6000);
}4. 自定义显示语句
var waifuJson = {"mouseover": [  // 鼠标悬浮在selector表达式的位置,就出现text的结果{"selector": ".content-wrap a[href^='https']","text": ["要看看 <span style=\"color:#0099cc;\">{text}</span> 么?"]},{"selector": ".logo","text": ["点击前往首页,想回到上一页可以使用浏览器的后退功能哦"]},{"selector": ".social-share","text": ["觉得文章有帮助的话,可以分享给更多需要的朋友呢"]},{"selector": "#tor_show","text": ["翻页比较麻烦吗,点击可以显示这篇文章的目录呢"]},{"selector": ".menu-follow","text": ["利用 feed 订阅器,就能快速知道博客有没有更新了呢"]},{"selector": ".creativecommons","text": ["转载前要先注意下文章的 版权协议 呢"]},{"selector": ".comm","text": ["想要去评论些什么吗?"]},{"selector": "#qrcode","text": ["手机扫一下就能继续看,很方便呢"]},{"selector": "#postcomments","text": ["要吐槽些什么呢"]},{"selector": ".rollto","text": ["回到开始的地方吧"]},{"selector": "#inpName","text": ["该怎么称呼你呢"]},{"selector": "#inpEmail","text": ["留下你的邮箱,不然就是无头像人士了"]},{"selector": "#inpHomePage","text": ["你的家在哪里呢,好让我去参观参观"]},{"selector": "#txaArticle","text": ["认真填写哦,垃圾评论是禁止事项"]},{"selector": ".OwO-logo","text": ["要插入一个表情吗"]},{"selector": "#submit","text": ["要提交了吗,评论可能需要审核,请耐心等待~"]},{"selector": ".ImageBox","text": ["点击图片可以放大呢"]},{"selector": "input[name=q]","text": ["找不到想看的内容?搜索看看吧"]},{"selector": ".paging","text": ["去下一页看看吧"]},{"selector": "#htmer_time","text": ["已经过了这么久了呀,日子过得好快呢", "<span style=\"color:#0099cc;\">2010</span> 是多久来着…<br>1,2,3……有好多好多天呢!"]},{"selector": ".updatelog","text": ["这里记录着我搬家的历史呢"]},{"selector": ".aboutme","text": ["发现主人出没地点!", "这里有主人的联系方式"]},{"selector": ".donate-qrcode","text": ["主人最近在吃土呢,很辛苦的样子。给他一些钱钱吧~"]},{"selector": "#wenkmPlayer div.switch-player","text": ["想要听点音乐吗"]},{"selector": "#wenkmPlayer div.volume","text": ["在这里可以调整<span style=\"color:#0099cc;\">音量</span>呢"]},{"selector": "#wenkmPlayer div.switch-playlist","text": ["<span style=\"color:#0099cc;\">播放列表</span>里都有什么呢"]},{"selector": "#wenkmPlayer div.switch-ksclrc","text": ["有<span style=\"color:#0099cc;\">歌词</span>的话就能跟着一起唱呢"]},{"selector": "#navbar-page-116","text": ["要去大佬们的家看看吗?"]},{"selector": "#navbar-page-34","text": ["有什么想说的吗?"]},{"selector": "navbar-page-97","text": ["这里都是主人的黑历史呢"]},{"selector": "#navbar-page-31","text": ["这里有一些关于我家主人的秘密哦,要不要看看呢"]},{"selector": ".waifu-tool .fui-home","text": ["回首页看看吧"]},{"selector": ".waifu-tool .fui-eye","text": ["要切换看板娘吗?"]},{"selector": ".waifu-tool .fui-chat","text": ["猜猜我要说些什么"]},{"selector": ".waifu-tool .fui-user","text": ["喜欢换装PLAY吗?"]},{"selector": ".waifu-tool .fui-info-circle","text": ["想要知道更多有关我的事吗?"]},{"selector": ".waifu-tool .fui-cross","text": ["到了要说再见的时候了吗"]},{"selector": ".waifu-tool .fui-photo","text": ["你要给我拍照呀,一二三~茄子~~"]},{"selector": ".waifu #live2d","text": ["干嘛呢你,快把手拿开", "鼠…鼠标放错地方了!"]}],"click": [ // 点击某个selector,提示text文本{"selector": ".waifu #live2d","text": ["是…是不小心碰到了吧", "萝莉控是什么呀", "你看到我的小熊了吗", "再摸的话我可要报警了!⌇●﹏●⌇", "110吗,这里有个变态一直在摸我(ó﹏ò。)"]}],"seasons": [ // 特殊日志的提示语{"date": "01/01","text": "<span style=\"color:#0099cc;\">元旦</span>了呢,新的一年又开始了,今年是{year}年~"},{"date": "02/14","text": "又是一年<span style=\"color:#0099cc;\">情人节</span>,{year}年找到对象了嘛~"},{"date": "03/08","text": "今天是<span style=\"color:#0099cc;\">妇女节</span>!"},{"date": "03/12","text": "今天是<span style=\"color:#0099cc;\">植树节</span>,要保护环境呀"},{"date": "04/01","text": "悄悄告诉你一个秘密~<span style=\"background-color:#34495e;\">今天是愚人节,不要被骗了哦~</span>"},{"date": "05/01","text": "今天是<span style=\"color:#0099cc;\">五一劳动节</span>,计划好假期去哪里了吗~"},{"date": "06/01","text": "<span style=\"color:#0099cc;\">儿童节</span>了呢,快活的时光总是短暂,要是永远长不大该多好啊…"},{"date": "09/03","text": "<span style=\"color:#0099cc;\">中国人民抗日战争胜利纪念日</span>,铭记历史、缅怀先烈、珍爱和平、开创未来。"},{"date": "09/10","text": "<span style=\"color:#0099cc;\">教师节</span>,在学校要给老师问声好呀~"},{"date": "10/01","text": "<span style=\"color:#0099cc;\">国庆节</span>,新中国已经成立69年了呢"},{"date": "11/05-11/12","text": "今年的<span style=\"color:#0099cc;\">双十一</span>是和谁一起过的呢~"},{"date": "12/20-12/31","text": "这几天是<span style=\"color:#0099cc;\">圣诞节</span>,主人肯定又去剁手买买买了~"}]
};5. 指定自己喜欢的模型和材质,首次加载直接显示// 可以浏览器F12里面看Console里面,每次点切换看板娘的模型和衣服时都会打印当前切换的模型和材质id,找到自己喜欢的,修改js文件即可
if (modelId == null) {/* 首次访问加载 指定模型 的 指定材质 */var modelId = 2;            // 模型 IDvar modelTexturesId = 49;    // 材质 ID
} loadModel(modelId, modelTexturesId);

网页添加 Live2D 看板娘相关推荐

  1. 网页添加Live2D看板娘简易教程

    看板娘是一种职业和习惯称呼,也是ACGN次文化中的萌属性之一.简而言之就是小店的女服务生,也有"吸引顾客,招揽生意,提高人气"等作用类似品牌形象代言人的含义. 如果想在自己的博客上 ...

  2. Hexo添加Live2D看板娘最新教程

    目录 前言 介绍 Live2D 看板娘 添加Live2D看板娘 准备工作 安装依赖 下载model文件 添加live2d看板娘到hexo 查看效果 发布 结束语 参考 前言 上次我们搭建了hexo博客 ...

  3. hexo+yilia添加live2d看板娘

    文章目录 安装 1.安装插件 2.选择模型 3.配置 4.效果图 补充 取消看板娘 暂时不用 卸载插件 添加live2d看板娘,插件:hexo-helper-live2d,github仓库:https ...

  4. html网页制作看板娘原理,博客网页上添加live2D看板娘

    一:前言 "看板娘",简而言之就是小店的女服务生,也有"吸引顾客,招揽生意,提高人气"等作用类似品牌形象代言人的含义.所用的技术是live2D,live2d并不 ...

  5. 搭建博客hexo 安装hexo、配置hexo、hexo主题美化和添加live2d看板娘--详细步骤

    一.安装hexo 1.下载安装软件      git:https://git-scm.com/downloads      node:https://nodejs.org/en/ 2.安装好两个工具之 ...

  6. html的美图片加上2d动画,网站上面添加一个动漫小女孩的html代码 WordPress添加live2d看板娘...

    在你博客程序头部文件(header.php)引入界面样式,在 head 标签内插入如下代码 在你博客程序页脚文件(footer.php)引入脚本,在最后一个 标签前插入如下代码: var messag ...

  7. 博客园添加live2D看板娘和樱花飘落背景

    写在前面 本文主要描述了怎么给博客园添加看板娘和樱花飘落特效,文章可能还有很多不足,请大家谅解,欢迎大佬提意见. 本文使用的东西 live2d(看板娘) 樱花飘落 博客园 文章目录 写在前面 本文使用 ...

  8. 博客园添加Live2d看板娘

    最近给自己的博客添加了个动态的小萝莉,给大家分享一下,效果请见我的博客左下角: (当然你也可以在自己的html页面引入下面的js来添加小萝莉) 1.首先最重要的一点你要申请一个博客园账号. 2.其次申 ...

  9. live2d 3行代码 为网站添加萌萌哒看板娘

    3行代码 为网站添加萌萌哒看板娘 看板娘是一种职业和习惯称呼,也是ACGN次文化中的萌属性之一.简而言之就是小店的女服务生,也有"吸引顾客,招揽生意,提高人气"等作用类似品牌形象代 ...

  10. Hexo 博客 添加 3D 看板娘 替换原来的 Live2D

    0.前言 前两天用 VRoid Studio 捏了一个 3D 的 loli ,后来想想能不能把这个 3D 形象替换到那个博客站点的原来的 Live2D 看板娘那边去.花了一上午时间在 GitHub 上 ...

最新文章

  1. Tomcat设置Http自动跳转Https
  2. A. 本地DNS服务器的位置
  3. 投影元素直接隔离_摸着夜色上露台开投影,是巴塞罗那设计师的浪漫
  4. 多源计算机培训,多源数据汇聚的多流形学习算法研究
  5. 如何在labview中用c语言编程,编程语言之争:LabVIEW还是C语言?-测试测量-与非网...
  6. 简述java的异常处理机制_简述java异常处理机制
  7. 你必须学会HTML和CSS的9大理由,让你在以后的工作中更香
  8. HTTP协议的无状态性
  9. java 数据类型之原码,补码,反码
  10. 腾讯云服务器linux系统有图形界面,腾讯云服务器如何搭建Ubuntu可视化界面?
  11. java异步编程书籍_《Java异步编程实战》(翟陆续)【摘要 书评 试读】- 京东图书...
  12. 02- 在夜神模拟器内部安装App
  13. 程序员必知的编程5祖师爷,不要说你不知道!
  14. 以太坊系列(二)---Ubuntu20.04安装以太坊开发环境并建立私有链
  15. 仿知乎日报图文小程序模板
  16. 如何通过爱奇艺引流精准粉?
  17. python redis连接_Python连接Redis连接配置
  18. 性能调优 - JVM
  19. 计算机网络---网络体系结构分析
  20. Mac 打印机 黑白

热门文章

  1. 英语形容词的排列顺序 -- 重点记忆
  2. aic准则python_Python数据科学:线性回归
  3. 一台服务器​最大并发 tcp 连接数多少?65535?
  4. 轨道交通检测中心-轨道交通产品可靠性检测机构
  5. 视频无损裁剪、转换、合并、加水印、加特效?一切搞定!
  6. Word 用宏命令实现锁定页眉页脚的两种方式
  7. 计算机中的没有文件怎么处理方法,电脑重启后桌面上文件没有了怎么办
  8. cocos creator--DragonBones 骨骼动画入门
  9. Oracle中的next_day(date,char)
  10. 怎样将Sublime Text 设置成中文版(完整教程)