禁止鼠标右键，图片延迟加载，css笔记

最新推荐文章于 2022-10-11 11:23:48 发布

一九九三年生人

最新推荐文章于 2022-10-11 11:23:48 发布

阅读量958

点赞数

分类专栏： web前端文章标签： CSS笔记

本文链接：https://blog.csdn.net/VonJ_1993/article/details/46744227

版权

web前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

禁止鼠标右键：

图片延迟加载
<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}

一九九三年生人

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
禁止鼠标右键，图片延迟加载，css笔记

禁止鼠标右键：图片延迟加载jQuery(document).ready(function ($) { $("img").lazyload({ placeholder: "", effect: showeffect, threshold: 0, failurelimit: 10 }
复制链接

扫一扫