saber 酱的抱枕

Fly me to the moon

05/10
2018
学习 软件

JavaScript 樱花飘落效果

JavaScript 樱花飘落效果

上图是截图,当然实际上樱花是会动的~

查看 SakuraDemo

看了之前的下雪demo不由得手痒了起来,sakura啊,我需要sakura!然后果然在这里找到了一个,打开一看,好好看我喜欢呀~快F12扒下来吧,F12打开的一瞬间,我被密密麻麻闪烁变化着的div吓傻了,这样真的大丈夫?亚达哟,我要再找一个,结果找了半天不是不满意就是一个超级超级厉害的用似乎webgl做的,那算了,学webgl吧,看到摄像机啊什么的不由得想到了万恶的ae,自然摸鱼之心越来越膨胀,学着学着就来了一局昭和男儿的WT,等想起来学习webgl的时候,我就欺骗自己说,有unity3D谁还会用这鬼东西?算了算了,不学了,看我老婆(军神大人)去咯。。。。。。。emmmm,我的废话好多,言归正传,重而言之,我决定了改装下雪的demo,来场樱花雨吧,于是我就开始动起手来,先看看大概什么样子吧

代码比较长,这里就不贴出来了,从源代码里复制就行了~

ps:
此文章是投稿作品,欢迎大家投稿~(注册后可以在后台提交)

JavaScript 樱花飘落效果

03/19
2018
软件

显示lofter.com图片的原图网址

LOFTER(乐乎) 是网易旗下的一款轻博客产品。很多人d到lofter就是为了看图,因为有些图片在这里有清晰的大图,而其他地方可能没有大图(比如很多cosplay图片,微博上的是小图,这里有大图)。

今天有人给我留言,说想要一个脚本,直接显示大图网址,方便下载。我看了下,lofter.com的图片没有加防盗链,可以直接下载,于是就做了这个功能。

显示lofter.com图片的原图网址

安装地址:
https://greasyfork.org/zh-CN/scripts/39730

效果就是在图片列表上方显示大图的url,可以复制下来进行下载。

只在文章页有用哦~

显示lofter.com图片的原图网址

03/9
2018
软件

获取 Chrome 浏览器的版本号

刚才需要获取 Chrome 浏览器的版本号,写了个代码如下:

const agent = navigator.userAgent;
if (agent.includes('Chrome')) {
	let chrome_ver = parseInt(agent.match(/[\d.]+/gi)[5]);
	console.log(chrome_ver);
}

此代码在 Windows 上的 Chrome 84 里测试通过。

如果以后过的时间长了,再用的话就要先验证一下对不对了。

获取 Chrome 浏览器的版本号

01/13
2018
学习

使用JavaScript自定义右键菜单

当用户在网页中按下鼠标右键时,会触发JavaScript的contextmenu事件。

我们可以先做一个菜单并且隐藏起来,等到用户按下鼠标右键的时候,阻止默认的右键菜单,并在鼠标位置显示我们自己的菜单。

举个例子,在下面的区域里按右键就会显示自定义的右键菜单:

代码如下:
Read More →

使用JavaScript自定义右键菜单

01/4
2018
学习 软件

在新页面打开twitter大图的脚本

在twitter上查看图片时,很多时候右键是不能保存的(因为图片上面有其他元素遮挡了),这样我们想保存图片的时候就很不方便了。

我写了个JavaScript脚本,在看图的时候会在右侧显示一个按钮,点击之后在新页面打开图片,然后ctrl+s就可以直接保存了。

这是一个用户脚本(UserScript),你可以在greasyfork.org上安装它

小姐姐:サク@saku93

在新页面打开twitter大图的脚本

01/3
2018
学习

iframe自适应高度

iframe平时我们已经不怎么用了,但有些特殊情况还是要用。浏览器默认给iframe的区域都比较小:

宽度好解决,一般由父页面控制iframe的宽度,直接设置样式即可:

<iframe id="iframe" src="url" frameborder="0" style="width: 100%;"></iframe>

但是iframe的高度不会自动撑开,我们可以用JavaScript来解决。
Read More →

iframe自适应高度