禁止鼠标右键:
<body οncοntextmenu="return false;">
图片延迟加载
<script type="text/javascript" src="/js/jquery-1.8.0.min.js"></script>
<script src="/js/jquery.lazyload.mini.js" type="text/javascript"></script>
jQuery(document).ready(function ($) {
$("img").lazyload({
placeholder: "",
effect: showeffect,
threshold: 0,
failurelimit: 10
})
});
css hack
* ,*+, +,只有ie6,ie7支持, _只有ie6支持, !important有ie7,ie8,ie9,firefox,chrome支持
content:'\20'; "\20" 是什么意思? 它就是空格,\空格的ASCII HEX值。
zoom:1
IE浏览器的专有属性,设置或检索对象的缩放比例.它还有其他一些小作用,比如触发ie的hasLayout属性,清除浮动、清除margin的重叠等.很遗憾的是,它通不过W3C验证
IE6下设置背景图片
html {
zoom:expression(function(ele) {
ele.style.zoom="1";
document.execCommand("BackgroundImageCache", false, true);
}
(this))
}
@font-face 能够加载服务器端的字体文件,让客户端显示客户端所没有安装的字体
@font-face {
font-family:mui-global-iconfont;
src:url(//at.alicdn.com/t/font_1401963178_8135476.eot);
src:url(//at.alicdn.com/t/font_1401963178_8135476.eot?#iefix) format('embedded-opentype'),
url(//at.alicdn.com/t/font_1401963178_8135476.woff) format('woff'),
url(//at.alicdn.com/t/font_1401963178_8135476.ttf) format('truetype'),
url(//at.alicdn.com/t/font_1401963178_8135476.svg#iconfont) format('svg')
}
二级下拉菜单实现方法
ul li{position:relative}
ul li ul{position:absolute;display:none}
ul li:hover ul{display:block}