木灵鱼儿

木灵鱼儿 7年前 Typecho 主题

Lazy_F 使用文档

站点logo因为更新了登录弹窗，所以站点header的logo要做两个版本的素材，一个是大屏使用的，一个小屏使用的，分别为：images文件夹中的：logo.png == 大屏使用的，分辨率200*50logo_min.png == 小屏使用的，分辨率120*30创建独立页面独立页面就是主题的nav菜单的组成部分，依次有分类、归档、友链、关于四个独立的部分组成。打开博客后台，启用Lazy_F主题后，管理 — 独立页面 — 新增输入分类 — 右侧自定义模板选择categories — 标题下面的链接自定为categories.html — 页面顺序填1 — 分类创建完成。其他的三个页面是也...

5986 0 0

Lazy_F 使用文档

Typecho 邮件回复提醒教程

木灵鱼儿 7年前教程

Typecho 邮件回复提醒教程

插件下载蓝奏云教程QQ邮箱教程SMTP地址：smtp.qq.comSMTP端口：465SMTP用户：你的邮箱地址，如果你开通了域名邮箱，填域名邮箱地址SMTP密码：设置 —— 账户 —— 授权码服务器需要验证和ssl加密勾选其他默认即可，如果要测试的话，勾选自己回复自己的评论时，发邮件通知。(同时针对博主和访客)

1.5w 0 11

邮件回复提醒

极路由4增强版hc5962 刷breed 备份固件 mac地址备份刷潘多拉固件教程

木灵鱼儿 7年前教程

极路由4增强版hc5962 刷breed 备份固件 mac地址备份刷潘多拉固件教程

首先我们需要准备好刷固件需要工具和文件：刷机工具putty ssh工具（x64位的，32位自行百度下载）蓝奏云密码:f4mrWinSCP 蓝奏云密码:g9v7无线路由器查看工具WirelessMon 蓝奏云密码:e580刷机文件：不死breed 蓝奏云密码:157e潘多拉固件（2019-02）蓝奏云密码:ebfu刷机步骤首先我们要获取root的权限，为此我们要先去路由器的插件市场安装开发者模式，具体步骤如下：打开云插件页面——路由器信息——高级设置——开发者模式——申请——提示登录小极账号就登录，然后绑定手机获取验证码，再登录微信关注微信公众号绑定小极账号完成验证——...

1.3w 0 0

潘多拉极路由4增强版 hc5962

极路由4增强版hc5962 刷breed 备份固件 mac地址备份刷潘多拉固件教程

Ajax 表单序列化

木灵鱼儿 7年前 JavaScript

Ajax 表单序列化

什么是表单序列化呢？将所有表单的提交通过一个标准化的方法去获取并且提交出去，那就是序列化，也就是说不同的表单，如注册啊，登录啊，修改资料啊，这些东西可以通过一个通用的方法去处理它。那么表单序列化有几个要求：不能发送禁用的表单字段；只发送勾选的复选框和单选按钮；不发送type是reset、submit、file、button以及字段集；多选选择框中的每个选中的值单独一个条目；对于select元素，如果有value值，就指定value作为发送的字段，如果没有，就指定text值；已经将ajax的代码作为单独的一个文件保存，而调用则使用ajax()的方法，之前也做了一个表单提交的方法，在所有条件...

1w 0 2

对象文件 data

JS预加载4

木灵鱼儿 7年前 JavaScript

JS预加载4

图片的预加载已经差不多了，目前我们再稍微修改两处就可以了。首先是添加页脚： 5/12 添加也很简单添加一个em元素，然后通过js动态替换内容即可。html部分：<div class=""> <div id="photo_masked"></div> <div id="photo_big"> <i class="photo_off"><span class="off">+</spa...

3796 0 0

图片预加载

JS预加载3

木灵鱼儿 7年前 JavaScript

JS预加载3

这次我们来做上一张和下一张按钮，HTML部分直接贴出来，反正就是strong元素只是做个显示展示，不做操作，然后在他的顶部覆盖一层span元素，这个元素做操作层。效果图：html代码：div class=""> <div id="photo_masked"></div> <div id="photo_big"> <i class="photo_off"><span class="off">+&...

3594 0 0

预加载上一张下一张

JS 预加载2

木灵鱼儿 7年前 JavaScript

JS 预加载2

单独的图片预加载已经完成，这里我们为上一张和下一张图片预加载做个准备。主要就是先将上一张和下一张的大图同时加载，在同一个图片点击事件中（当某个图片被click后）。首先就是我们要获取到上一张和下一张的图片索引位置，再通过这个值计算后来锁定对应的图片。首先我们先获取当前图片父元素的父元素的索引位置，这里要先说名一下关系链：div----dl----dt----img//这里获取到的是dl元素，每个dl元素里面都有一个img，所以索引值是一样的 var children = this.parentNode.parentNode;获取到dl后我们要再得到这个元素在dl元素数组中的索引值，之前我...

3930 0 0

预加载上一张下一张图片

高斯gs87-D双模樱桃红轴

木灵鱼儿 7年前教程

高斯gs87-D双模樱桃红轴

闲鱼收了一把高斯的双模87，这款的官方销售价格比ikbc的dc系列便宜一百，这里我就稍微分析一下两者的一些不同。首先上点图增加一下感受键帽分析键盘使用的是双色注塑pbt而且是闭口的字符，工艺上就强过淘宝39元左右的单色pbt，但是很可惜，高斯采用黑色的材质注塑，于是这套pbt很遗憾的不能透光了，但是因为是黑色的材质，一眼看上去非常清晰舒服。并且，原装的键帽菊花向来都很松弛，这样更换键帽，清理都相当方便，所以我本人是非常倾向于原装键帽，哪怕是购买的80多一套的pbt，个人感觉手感上也没有这套原装的好。而和ikbc的dc-87比，ikbc使用的虽然也是pbt，但是字符使用的镭雕工艺，这种工艺...

4538 0 0

樱桃红轴蓝牙机械键盘

Pivision 目前只支持日本节点访问

木灵鱼儿 7年前教程

Pivision 目前只支持日本节点访问

这几天想要去p站下点图片来看看，但是基本我挂了vpn还是无法登录，于是我百般搜寻，终于在手机乐园看到一条回复，说关闭了除日本以外所有节点访问，于是问群友白嫖了一个免费vpn使用，于是正常使用了，如果你还在为无法登录而苦恼，可以试试使用日本节点访问软件。

4819 0 0

Pivision

JS 预加载1

木灵鱼儿 7年前 JavaScript

JS 预加载1

预加载其实和延迟加载差不多，一样是使用一个自定义的html属性保存好正确的大图地址，然后当鼠标点击后将正确的大图地址替换给弹出的显示元素上。html部分：//这是弹窗显示部分 <div class=""> <div id="photo_masked"></div> <div id="photo_big"> <i class="photo_off"><span class="off">+&...

3788 0 0

预加载

JS延迟加载

木灵鱼儿 7年前 JavaScript

JS延迟加载

JS延迟加载我们做一个对图片的延迟加载，需要准备：一张通用的默认图片，还有几张正常使用的图片。表现形式：当浏览器没有滚动到可以显示这个图片的高度时，默认使用默认图片，这个图片一般几kb的大小，当浏览器滑动到可以显示图片的高度时，开始加载对应的图片，由透明到不透明做一个过渡，这个也是京东商城使用的一个效果。所有图片都有一个通用的class名称：.wait_load 用一个id为：#photo的div容器包裹。图片元素src默认使用默认的图片加载，并且会有一个自定义的属性，这个属性自定义名称，这里使用xsrc，其属性值要是正确的图片链接地址！<img xsrc="images...

3736 0 0

延迟加载

解决 vultr vps被谷歌学术识别为机器人的方法

木灵鱼儿 7年前教程

解决 vultr vps被谷歌学术识别为机器人的方法

因为众所周知的原因，vultr被国内各种玩弄，谷歌因此特别“重视”，并且为了防止爬虫各种偷文章，谷歌还做了屏蔽功能，为此，我们正常使用也会因为以上的综合原因导致无法正常访问。就会出现以上图片所示：We’re sorrry ....经过我多次实验，终于找到合适的解决办法，如果你谷歌搜索的话也是可以搜索的到的，为此我做一个简单的整理首先屏蔽一般都是直接屏蔽你的ip地址，这个地址一般是ipv4的地址段，这个无解，屏蔽了就是屏蔽了，解决方法就是更换ip地址，但是这个成本太高，如果你的主机已经安装好了各种的软件，低成本的更换主机方法代价非常高，并且你还不确定下一个ip是否适用，花钱更换ip段，那是...

2.5w 0 10

vultr 谷歌学术谷歌学术识别为机器人的方法

家有女友在线+本地

木灵鱼儿 7年前教程

家有女友在线+本地

本季度轻则胃溃疡，重则胃穿孔的番剧，由于众所周知的原因无法正常观看，于是我找到了一个可以在线看的站点，有需要的自行收藏一下。每周二下午左右更新在线+度娘云

7054 0 2

娘站点 o

为博客添加鼠标点击特效（富强、民主、文明、和谐...）全平台通用 V2.0

木灵鱼儿 7年前 JavaScript

为博客添加鼠标点击特效（富强、民主、文明、和谐...）全平台通用 V2.0

已经写了新版，jq的方法，地址：jq富强，如果连接失效可以在本博客搜索富强，也可以找到对应的文章经过长时间的学习，终于迎来小高潮，更新为2.0版本！2018-10-5 修复预加载js代码失效bug2018-11-3 修复了当鼠标在最右侧点击时导致X轴产生滚动条的问题2019-1-8 更新为2.0版本，修复大量bug，引用自制代码库预览图：使用要求：需要引入自制代码库：[hide]先引入tool.js 下载：蓝奏云再引入封装库base.js 下载：蓝奏云接着引入china.js 下载：蓝奏云[/hide]引入方法：以我现在的博客Typecho为例，我们需要在主题的header.ph...

3.6w 0 22

主题页面文件

JS 菜单切换

木灵鱼儿 7年前 JavaScript

JS 菜单切换

效果图:HTML部分：<div id="sideber"> <div class="sideber_d"> <h2 class="sideber_title">要闻</h2> <ul class="sideber_ul"> <li><a href="">日月不肯迟！习近平这样总结2018</a></li> ...

3765 0 0

菜单切换

JS 切换器

木灵鱼儿 7年前 JavaScript

JS 切换器

制作一个切换器，当用户点击后对应的元素背景色会发生改变，然后再次点击又会变成另一种背景色，然后无限循环。以前的时候我们做切换器是一个事件执行完毕后创建下一个事件，然后删除本次事件，然后两个事件互相调用，但是对于一些简单的设置就有点麻烦了，所以这里制作一个简单的切换器。首先就是调用： $('#box').tagge(function(){ $('#box').css('background-color','red'); },function(){ $('#box')....

3239 0 0

切换器求余算法

JS 展示菜单

木灵鱼儿 7年前 JavaScript

JS 展示菜单

根据传统，我们先修复一下上一章的bug。有两个bug：当同步动画和队列动画同时存在的时候，队列动画会触发多次。如果同步动画中，两个值或者多个值相差太多就无法完整运行。原因：主要原因是因为我们在定时器中使用了for语句，然后是同步动画的时候，假设是两个动画要同时运行，那么就会触发两个if判断，然后这两个if判断到最后都会运行一次setAttr()或者setOpacity()的方法，而这两个的方法里面都有if(obj.fn != undefined) obj.fn(); 这个语句，fn本身就是队列动画，那么就会导致触发多次。而无法完成运行是因为，假设宽度要到300，高度101，元素本身高度是...

5435 0 2

展示菜单

JS 同步动画

木灵鱼儿 7年前 JavaScript

JS 同步动画

先修缮一下百度分享栏的自动居住问题。之前是每次刷新会自动居中，这里我们要改为当用户滑动时也会自动居中。addEvent(window,'scroll',function(){ $('#share').css('top',getScroll().height + (getInner().height - parseInt(getStyle($('#share').first(),'height')))/2 + 'px'); }); //跨浏览器获取scroll大...

3955 0 0

同步动画

JS 增强弹窗队列动画

木灵鱼儿 7年前 JavaScript

JS 增强弹窗队列动画

预览图：之前在登录框弹窗时我们做了一个遮罩层，当时的遮罩层是通过js创建了，但是如果要加上动画效果，那么你创建的话就十分不方便，所以这里直接在html上建了一个div元素，然后通过js设置css。HTML部分：<div class=""> <div id="login_masked"></div> //这里创建一个div元素用于遮罩层 <div id="login"> <i class="login_off"><...

4400 0 0

增强弹窗动画列队

JS 制作百度分享栏

木灵鱼儿 7年前 JavaScript

JS 制作百度分享栏

搞这个本来是一帆风顺的，但是js就是出了一个问题，单向弹出的时候没有问题，但是返回原来位置的时候就会一直卡在某个位置然后前后移动，头疼，找了半天才发现，之前的动画封装有一个问题。创建超时调用之前，我们做了一个clearInterval(window.timer);的操作，这个步骤第一个效果在window下创建了一个timer的超时调用，第二个效果是，当第二次运行的时候，会先清除之前的超时调用，而我这个卡住的bug就是因为没有清除到timer，因为我写成了var timer = setInterval(function() {},time);了，这样这个timer是函数里面的，而我们清除的...

3925 0 0

百度分享栏

JS 动画之透明度

木灵鱼儿 7年前 JavaScript

JS 动画之透明度

使用同一个封装的动画函数，当我们传入‘o’的时候，表示要设置透明度，但是ie8以下透明度是使用filter:alpha(opacity=xxx);来实现的，所以这里要对ie做个兼容。首先对传参设置以下：$('#pox').click(function() { $('#box').animation({ 'attr': 'o', 'start': 30, 'end': 100, 'step&...

7835 0 4

opacity

JS 动画初探（下）

木灵鱼儿 7年前 JavaScript

JS 动画初探（下）

上一章我们讲在元素移动到end位置的时候，会有两个动作同时产生，一个是正常的移动element.style[attr] = parseInt(getStyle(element,attr)) + step + 'px';一个是if判断如果当前的位置已经大于或者等于end的时候，element.style[attr] = end + 'px';这样可以解决动画的最后一些的突兀感，不会先超出，然后再移动回来，而是在同一个时间完成，但是这样并不是很好的解决办法。实际上你移动距离还是超出了，只不过后面又回来了，这样可能对以后js代码有影响，所以这里就再次调整。解决超出返回的回弹问题var time...

4020 0 0

ceil floor throw

JS 动画初探（上）

木灵鱼儿 7年前 JavaScript

JS 动画初探（上）

我们先来做一个简单的动画，让一个div横向移动。既然是要横向移动，我们就要对这个div的left属性进行设置，那么这里就可以使用间歇调用的方式不断的去增加left的值，然后到了某一个指定的位置时停止。html部分：<div id="box"></div>css部分：#box { width: 100px; height: 100px; background-color: red; position: absolute; top: 300px; left: 300px; }js部分：//调用代码 $...

3723 0 0

animation

JS 封装库调试封装

木灵鱼儿 7年前 JavaScript

JS 封装库调试封装

DOM加载已经做好了，我们需要将他封装到Base中去，然后调用的时候直接通过$(function(){})将需要在dom解析后运行的代码放入圆括号函数中。封装到Base基础库中function Base(args) { this.arr = []; if(typeof args == 'string') { if(args.indexOf(' ') != -1){ var childNodes = args.split(' '); var temNo...

3687 0 0

封装库调试封装

JS DOM加载（下）

木灵鱼儿 7年前 JavaScript

JS DOM加载（下）

解决超时调用无限调用的问题之前我们并没有给超时调用加上时间设置，所以默认是一毫秒一次无限循环的，这样不好，写法上也是不那么合理，所以这里要加上毫秒数，并且还要运行后删除这个超时调用。超时调用本来是不需要赋予变量名的，但是如果你要删除的话，就需要设置一个变量名，之前我们给超时调用设置了timer的变量名，这里就不多赘述了。function addDomLoaded(fn) { if(document.addEventListener) { addEvent(document,'DOMContentLoaded',function(){ ...

3951 0 0

readyState JS DOM加载 clearInterval

木灵鱼儿

Lazy_F 使用文档

Typecho 邮件回复提醒教程

极路由4增强版hc5962 刷breed 备份固件 mac地址备份刷潘多拉固件教程

Ajax 表单序列化

JS预加载4

JS预加载3

JS 预加载2

高斯gs87-D双模樱桃红轴

Pivision 目前只支持日本节点访问

JS 预加载1

JS延迟加载

解决 vultr vps被谷歌学术识别为机器人的方法

家有女友在线+本地

为博客添加鼠标点击特效（富强、民主、文明、和谐...）全平台通用 V2.0

JS 菜单切换

JS 切换器

JS 展示菜单

JS 同步动画

JS 增强弹窗队列动画

JS 制作百度分享栏

JS 动画之透明度

JS 动画初探（下）

JS 动画初探（上）

JS 封装库调试封装

JS DOM加载（下）

最近评论

博客文章RSS订阅

博客评论RSS订阅

木灵鱼儿

登录

Lazy_F 使用文档

Typecho 邮件回复提醒教程

极路由4增强版hc5962 刷breed 备份固件 mac地址备份 刷潘多拉固件教程

Ajax 表单序列化

JS预加载4

JS预加载3

JS 预加载2

高斯gs87-D双模 樱桃红轴

Pivision 目前只支持日本节点访问

JS 预加载1

JS延迟加载

解决 vultr vps被谷歌学术识别为机器人的方法

家有女友 在线+本地

为博客添加鼠标点击特效（富强、民主、文明、和谐...）全平台通用 V2.0

JS 菜单切换

JS 切换器

JS 展示菜单

JS 同步动画

JS 增强弹窗 队列动画

JS 制作百度分享栏

JS 动画之透明度

JS 动画初探（下）

JS 动画初探（上）

JS 封装库调试封装

JS DOM加载（下）

最近评论

博客文章RSS订阅

博客评论RSS订阅

极路由4增强版hc5962 刷breed 备份固件 mac地址备份刷潘多拉固件教程

高斯gs87-D双模樱桃红轴

家有女友在线+本地

JS 增强弹窗队列动画