Leo Hui leohxj

💯

Focusing

Just do it, just for fun!

leohxj / switchAlike.js

Created August 29, 2013 08:07

类似switch选择的代码

leohxj / preloadTransition.html

Created September 1, 2013 13:01

文档加载完毕再执行transition

	<body class="preload">
	.preload * {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
	}
	$("window").load(function() {
	$("body").removeClass("preload");
	});

leohxj / 鼠标按住事件,js

Created September 3, 2013 08:11

鼠标按住的事件处理方式。 From http://segmentfault.com/q/1010000000267088#a-1020000000303243

	var interval;

	$('div').mousedown(mouseState).mouseup(mouseState);

	function mouseState(e) {
	if (e.type == "mouseup") {
	clearInterval(interval);
	}
	if (e.type == "mousedown") {
	//code triggers on hold

leohxj / delayAddClass.js

Created September 6, 2013 06:14

延迟加载class

	function delaySetClass(elementId, delayTime, classToAdd, classToRemove, callback) {
	var element = document.getElementById(elementId);

	if (element == null) {
	console.log(elementId + 'does not exit!');
	return;
	}

	var delayTimeout = setTimeout(function() {
	var oldClassName = element.className,

leohxj / ieListenerEvent.js

Last active December 22, 2015 15:28

IE event listener

	var addEvent = window.attachEvent\|\|window.addEventListener;
	var event = window.attachEvent ? 'onclick' : 'click';
	addEvent(event, function(){
	alert('Hello!')
	});

	// another

	if (!someElement.addEventListener) {
	_checkbox.attachEvent("onclick", setCheckedValues);

leohxj / center.css

Last active December 22, 2015 15:38

垂直居中方法

leohxj / isRetina.js

Created September 10, 2013 07:06

判断是否是高清屏设备

	var isRetina = function(){
	var mediaQuery = "(-webkit-min-device-pixel-ratio: 1.5),\
	(min--moz-device-pixel-ratio: 1.5),\
	(-o-min-device-pixel-ratio: 3/2),\
	(min-resolution: 1.5dppx)";

	if (window.devicePixelRatio > 1)
	return true;

	if (window.matchMedia && window.matchMedia(mediaQuery).matches)

leohxj / playSpritsAni.js

Last active December 22, 2015 17:39

播放序列帧动画图片

	/**
	* 播放序列帧图片
	* @param {string} elementId 元素id
	* @param {number} playTime 播放时间/ms
	* @param {number} totalSpriteHeight 序列帧图片高度/px
	* @param {number} startFrame 播放开始帧数(0为空白帧)
	* @param {number} endFrame 播放结束帧数(总帧数+1为空白帧)
	* @return {null} 没有返回值
	*/
	function playSpriteAni(elementId, playTime, totalSpriteHeight, startFrame, endFrame) {

leohxj / stopAnimate.js

Last active December 22, 2015 19:38

stopAnimate for Zepto.js

	$.fn.stopAnimte = function() {
	var endEvent = $.fx.transitionEnd;
	this.css('transition', 'none').unbind(endEvent);
	return this;
	}

leohxj / getStyle.js

Created September 12, 2013 02:02

获取元素的style

	var current = window.getComputedStyle \|\| window.currentStyle;

	xxx.current(prop);