

百度了一些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插件使用
代码如下:
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就是六花了吧。
【中二病】心渐渐被吸引
pid=62376966
小学生赛高!(知道这是谁吗?其实是萝莉唯啦)
To LOVE-Ru Diary系列是高质量的to love同人游戏,人物模型比较精致,画面色彩也很美,其视频流传甚广啊。
我搜集了全系列的游戏本体和提取动画供大家下载。
玩这个游戏要转区,麻烦,建议只看动画。
ps:磁链一开始都比较慢,请耐心等一会儿。添加 trackerList 有助于提高速度。
To LOVE-Ru Diary系列全部动画和游戏下载
今天想到了验证码倒计时的效果,于是做了一个出来。
发现定时器里面写函数名的话,如果带了括号,函数会瞬间执行多次。
代码如下:
<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做的获取验证码倒计时效果
刚才有个同学问了个问题,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。这样就可以判断点击发生时,点击区域是不是在内部元素上了。
js获取获得了焦点的元素
5月份才买的“我爱你”后缀的域名。当时没有.love后缀。结果呢,7月17出了.love后缀,然而我并不知道,刚才群里有人发图我才知道。
怪我咯?
如果不是炒域名的人,估计很少有人会及时看到新域名推出的消息吧。
如果我再早几天知道,我就可以注册到了。
现在,从人家手里买,我是不指望了。买下sora.love的人和别人竞价,最后1200美元才买下(查看贴子)。