Skip to content

Instantly share code, notes, and snippets.

@xyqfer
xyqfer / webkit.hack.css
Created September 28, 2013 08:22
Webkit Hack
@media screen and (-webkit-min-device-pixel-ratio:0) {
.demo {
color: #f36;
}
}
@xyqfer
xyqfer / firefox.hack.css
Created September 28, 2013 08:21
Firefox Hack
/* 支持所有firefox版本 */
#selector[id=selector] { property: value; }
@-moz-document url-prefix() {
.selector { property: value; }
}
/* 支持所有Gecko内核的浏览器 (包括Firefox) */
*>.selector { property: value; }
@xyqfer
xyqfer / triangle.css
Created September 28, 2013 08:19
三角形
/*
<div class="arrow-up"></div>
<div class="arrow-down"></div>
<div class="arrow-left"></div>
<div class="arrow-right"></div>
*/
.arrow-up {
width: 0;
height: 0;
@xyqfer
xyqfer / inline.block.css
Created September 28, 2013 08:17
inline-block
.inlineblock{
display:inline-block;
*display:inline;
*zoom:1;
}
@xyqfer
xyqfer / ie6.css.sprites.js
Created September 28, 2013 08:15
IE6 CSS Sprites重复加载
<!--[if IE 6]>
<script type="text/javascript">
document.execCommand("BackgroundImageCache",false,true);
</script>
<![endif]-->
@xyqfer
xyqfer / min.height.css
Created September 28, 2013 08:14
min-height
selector {
min-height:500px;
height:auto !important;
height:500px;
}
@xyqfer
xyqfer / max.width.js
Created September 28, 2013 08:12
max-width
//直接操作需要的元素
var container = document.getElementById(elementId);
container.style.width = (container.clientWidth > (width - 1)) ? width + "px" : "auto";
//定义函数,多次调用
function setMaxWidth(elementId, width){
var container = document.getElementById(elementId);
container.style.width = (container.clientWidth > (width - 1)) ? width + "px" : "auto";
}
//调用函数
@xyqfer
xyqfer / min.width.js
Created September 28, 2013 08:12
min-width
////直接操作需要的元素
var container = document.getElementById('container');
container.style.width = (container.clientWidth < width) ? "500px" : "auto";
//定义函数,多次调用
function setMinWidth(elementId, width){
var container = document.getElementById(elementId);
container.style.width = (container.clientWidth < width) ? width + "px" : "auto";
}
//调用函数
@xyqfer
xyqfer / max.height.js
Created September 28, 2013 08:11
max-height
//直接操作需要的元素
var container = document.getElementById('container');
container.style.height = (container.scrollHeight > 199) ? "200px" : "auto";
//定义函数,多次调用
function setMaxHeight(elementId, height){
var container = document.getElementById(elementId);
container.style.height = (container.scrollHeight > (height - 1)) ? height + "px" : "auto";
}
//调用函数
@xyqfer
xyqfer / event.js
Created September 28, 2013 08:08
跨浏览器事件对象
var ev = {
addHandler : function(e, ev, fn){
e.addEventListener ? e.addEventListener(ev, fn, false) : (e["_"+ev+fn] = fn, e[ev+fn] = function(){ e["_"+ev+fn]() }, e.attachEvent("on"+ev, e[ev+fn]));
},
removeHandler : function(e, ev, fn){
e.removeEventListener ? e.removeEventListener(ev, fn, false) : e.detachEvent(ev,e[ev+fn]);
},
addLoadHandler : function(fn){