代码如下:
html{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
chrome下效果完美,火狐中body的背景图片没有变灰,IE11中完全无效。对于IE应该可以兼容到IE9。
我花了半个多小时,测试了各种方法,除了各种css外,还找过用js创建canvas的代码,或是使用某jq插件,最后也没成功实现全浏览器通吃。css的方法最简单,不过兼容性不怎么让人满意。
chrome是使用了-webkit-filter: grayscale(100%)这一项,火狐中生效的是filter:grayscale(100%)。
IE10和IE11在图像滤镜方面还是比较坑爹的,不能执行filter滤镜,而且连svg滤镜也不支持。
使用chrome的话可以玩玩下面这个小玩意:
可以重复点哦。
代码如下:
<button id="setGray">设置网页的灰度</button>
<script>
$("#setGray").click(
function setGray () {
var grayCss="-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%);";
var num=prompt("请输入您希望的灰度(正整数)","");
if (num!=100) {
grayCss=grayCss.replace(/100/g, num);
};
$("html").attr("style",grayCss);
}
)
</script>
以上真是蛋疼之作,不知道会有地方用到不。

买了副中二病的扑克,以六花为主的。不知道动漫扑克算不算周边 感觉很微妙 反正买来也只是收藏啦

B站这个视频分享,加载慢,还不能选择画质。可以点上面的链接去看,可以选择原画画质。
我很喜欢这个AMV,很感动,很治愈。剪辑和歌词神同步。另外就算分开来看,视频裁剪的画面很美,歌曲也是经典。
有些人刷弹幕说歌词的氛围和中二病不很配,没看过龙珠的表示毫无压力。
两年前收藏到现在,一直存在手机里,想起来的时候就看看。六花一定要永远快乐啊~
动漫里边要说最喜欢谁,除了saber就是六花了吧。

小学生赛高!(知道这是谁吗?其实是萝莉唯啦)
To LOVE-Ru Diary系列是高质量的 To Love 同人游戏(不过其视频版流传更广),人物模型比较精致,画面色彩也很美。
这个系列的合集下载:(OneDrive 分享链接)
https://1drv.ms/f/c/c3c9bb91a418f056/ElbwGKSRu8kggMPloQAAAAABcCBjOsc0wcHCQCfAM-CEJQ?e=TS5jBc
今天想到了验证码倒计时的效果,于是做了一个出来。
发现定时器里面写函数名的话,如果带了括号,函数会瞬间执行多次。
代码如下:
<form action="">
<input type="text"> <input type="button" id="getyzm" value="获取验证码">
</form>
<script>
function yzmdjs (id,time) {
var getyzm=document.getElementById(id);
var getyzmYuan=getyzm.value;
getyzm.setAttribute("disabled","disabled");
time=time;
getyzm.value=time+"秒后可重新获取验证码";
daojishiT=setTimeout(daojishi(),1000);
function daojishi () {
//console.log(time);
time--;
getyzm.value=time+"秒后可重新获取验证码";
if (time==0) {
getyzm.value=getyzmYuan;
getyzm.removeAttribute("disabled");
}else{
daojishiT=setTimeout(daojishi,1000);
};
}
}
document.getElementById("getyzm").onclick=function (argument) {
//添加发送验证码的操作
yzmdjs(this.id,10);
}
</script>
刚才有个同学问了个问题,div里面有个超链接,但点击div时中的其他地方时,也有事件。这样如果点击超链接了,会同时触发“页面跳转”和“div上的事件”这两个事件。我们当然希望这两个事件互不影响。
后来我想到以前看过用js获取当前焦点元素的办法,找了出来,写了个demo,成功了。用的是document.activeElement属性。
原理就是div上发生onclick事件时,判断是不是里面的a标签获得了焦点。如果不是,则触发div上的事件。
demo如下:
<div id="a" style="border:1px solid #f00;width:300px;height:100px;">
<a href="bbbbb" id="b" target="_blank">bbbbbbb</a>
</div>
<script>
document.getElementById("a").onclick =function (argument) {
if(document.activeElement!=document.getElementById("b")){
window.open("aaaaa");
};
}
</script>
经过试验发现,div是获取不到焦点的。简单的说,table不到div。如果点击div,获取焦点的是body元素。
之前我们想过做定位,让div和超链接处在不同的z-index上,经过试验,没用。但今天想到的有个思路看情况是可以选择使用的:
首先给内部元素设置一个属性,默认为false。当鼠标经过内部元素时,变为true。这样就可以判断点击发生时,点击区域是不是在内部元素上了。

5月份才买的“我爱你”后缀的域名。当时没有.love后缀。结果呢,7月17出了.love后缀,然而我并不知道,刚才群里有人发图我才知道。
怪我咯?
如果不是炒域名的人,估计很少有人会及时看到新域名推出的消息吧。
如果我再早几天知道,我就可以注册到了。
现在,从人家手里买,我是不指望了。买下sora.love的人和别人竞价,最后1200美元才买下(查看贴子)。