Saber 酱的抱枕

Fly me to the moon

10/19
2016
学习

JavaScript停止事件冒泡以及阻止浏览器默认行为

原生JavaScript写法附带兼容性处理:

if (!!window.attachEvent) {	//区分浏览器指派事件
	document.getElementById("a").attachEvent("onclick",fun,false);
}else{
	document.querySelector("#a").addEventListener("click",fun,false);
}
function fun (event) {
	//处理event对象的兼容性
	var e=event||window.event;	//firefox里的event是临时的,不是window下的全局变量
	//停止事件冒泡
	e.stopPropagation?e.stopPropagation():e.cancelBubble=true;	//低版本ie使用cancelBubble属性,其他浏览器使用stopPropagation方法
	//阻止浏览器默认行为
	e.preventDefault?e.preventDefault():e.returnValue = false;	//低版本ie设置returnValue属性,其他浏览器使用preventDefault方法
}

IE8及更低版本的IE,添加事件要使用私有的attachEvent(),也不支持stopPropagation()和preventDefault(),真是毒瘤啊。

如果使用jQuery的话,写起来更加方便,因为jQuery已经做了兼容性处理,我们用w3c标准方法就行了:

$("a").click(function (e) {
    e.stopPropagation(); //停止事件冒泡
    e.preventDefault(); //阻止浏览器默认行为
    return false; //同时停止冒泡和阻止默认行为。
});

注意,jQuery中的return false和原生JavaScript里的return false是有区别的:
原生JavaScript中的return false不会停止冒泡,只会阻止默认行为。但jQuery中的return false会同时停止冒泡和阻止默认行为。

JavaScript停止事件冒泡以及阻止浏览器默认行为

10/18
2016
ACG

白夜茶会&月夜茶会 下载

白夜茶会 月夜茶会 下载 种子 磁力链接

《白夜茶会》和《月夜茶会》是日本的插画家、漫画家Tinkle(てぃんくる)发售的萝莉画集,也是经典的作品了,想必各位死宅都或多或少看到过。

刚才我下载了一个miui上的萝莉主题,但它的壁纸不是萝莉的,我想找萝莉图片做壁纸,就又搜了一遍这个资源。(记得我以前明明下载过……)

种子:
http://pan.baidu.com/s/1nv97u1V

磁链:
magnet:?xt=urn:btih:C72458A621A7DF45CD33386A2ACDFEDF45DDE897

508张图片,6.08G ,迅雷可离线+高速。

度盘下载 jpg格式
Read More →

白夜茶会&月夜茶会 下载

10/14
2016
学习

使用css3动画给评论头像增加旋转效果

刚才我给评论区头像添加了鼠标经过旋转的效果,是使用css3动画做的。

在css样式表里先定义一个旋转的动画,然后在鼠标经过头像时触发动画:

@keyframes rotate_once{
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
.comment-meta .avatar:hover{
	animation: rotate_once .5s;
}

有时候必须结合JavaScript事件播放动画的时候,可以先把animation那句放到一个单独的class名里,然后通过JavaScript来动态添加、删除改动画的className,来达到播放动画或去除动画的效果。

示例:

element.addEventListener("mouseover",function(){
	element.className=nowClassName+" rotate_once";
	element.addEventListener("animationend",function(){
		element.className=nowClassName;
	})
});

鼠标经过元素时添加rotate_once这个className,播放动画。动画播放完毕之后再去掉这个className。

这里有个知识点,就是JavaScript里有三个能监听动画播放的事件:

animationStart 动画开始执行
animationEnd 动画执行结束
animationIteration  重复动画开始执行(只有重复动画才会触发)

使用css3动画给评论头像增加旋转效果

10/10
2016
ACG

小女ラムネ 第1話 ちーちゃんと秘密のアルバイト

小女ラムネ 第1話 ちーちゃんと秘密のアルバイト

《小女ラムネ》(Shoujo Ramune)原作是2014年发售的一部R-18 GALGAME。讲述了三个发色不同(黑白棕)的萝莉妹子和怪蜀黍啪啪啪的故事。

点击此处查看CG (若打不开自行翻墙)

8月份就传出《小女ラムネ》动画化的消息(你说啥?当然是里番了)。然而10月7日才实际发售。身为萝莉控,还是很值得一看的,哦呵呵呵呵~

磁力链接:
magnet:?xt=urn:btih:4D3AD1D713CB2F7C8D314CB7BAF3EBE539076B72
Read More →

小女ラムネ 第1話 ちーちゃんと秘密のアルバイト