08/16
2015
08/15
2015
百度了一些tooltip插件，后来感觉bootstrap的这个tooltip插件比较顺眼，于是鼓捣一番，会简单的使用了。
上例的代码如下：
<script src="http://apps.bdimg.com/libs/jquery/1.9.0/jquery.js"></script>
<script src="/f/bootstrap-tooltip.js"></script>
<link rel="stylesheet" href="/f/bootstrap_tooltip.css"/>
<script>
$(function () { $("[data-toggle='tooltip']").tooltip(); }); //启用页面中的所有的工具提示（tooltip）
</script>
<img src="/f/穹妹%20小图.jpg" alt="" data-toggle="tooltip" data-placement="bottom" title="不要羡慕我的床"/>
<br /><br />
<a href="saber.我爱你" data-toggle="tooltip" title="这是一个hentai网站">saber酱的抱枕</a>
<br /><br />
<span data-toggle="tooltip" data-placement="right" title="原来saber是我的剑鞘啊~">最爱saber啦~</span>
<br /><br />
<div data-toggle="tooltip" title="练习~练习~">练习~练习~</div>
原理是触发时添加html元素和class类，提示的样式是css实现的，无需图片，所以我们只需要处理代码就行了。
Read More →
bootstrap的tooltip插件使用
08/14
2015
代码如下：
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>
以上真是蛋疼之作，不知道会有地方用到不。
使用灰度滤镜将网页变成灰色
08/13
2015
08/12
2015
买了副中二病的扑克，以六花为主的。不知道动漫扑克算不算周边 感觉很微妙 反正买来也只是收藏啦
买了一套中二病扑克牌
08/11
2015
B站这个视频分享，加载慢，还不能选择画质。可以点上面的链接去看，可以选择原画画质。
我很喜欢这个AMV，很感动，很治愈。剪辑和歌词神同步。另外就算分开来看，视频裁剪的画面很美，歌曲也是经典。
有些人刷弹幕说歌词的氛围和中二病不很配，没看过龙珠的表示毫无压力。
两年前收藏到现在，一直存在手机里，想起来的时候就看看。六花一定要永远快乐啊~
动漫里边要说最喜欢谁，除了saber就是六花了吧。
【中二病】心渐渐被吸引
08/10
2015
08/8
2015
pid=62376966
小学生赛高！（知道这是谁吗？其实是萝莉唯啦）
To LOVE-Ru Diary系列是高质量的to love同人游戏，人物模型比较精致，画面色彩也很美，其视频流传甚广啊。
我搜集了全系列的游戏本体和提取动画供大家下载。
玩这个游戏要转区，麻烦，建议只看动画。
ps：磁链一开始都比较慢，请耐心等一会儿。添加 trackerList 有助于提高速度。
To LOVE-Ru Diary系列全部动画和游戏下载
08/7
2015
今天想到了验证码倒计时的效果，于是做了一个出来。
发现定时器里面写函数名的话，如果带了括号，函数会瞬间执行多次。
代码如下：
<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>
js做的获取验证码倒计时效果
08/7
2015
刚才有个同学问了个问题，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。这样就可以判断点击发生时，点击区域是不是在内部元素上了。
