zoukankan      html  css  js  c++  java
  • jquery插件

    常用插件

    ——sweetalert

    https://github.com/limonte/sweetalert2

    ——jquery lazyload

    ——Font Awesome

    http://www.fontawesome.com.cn/faicons/

    ——toastr

    http://thevectorlab.net/flatlab/toastr.html

    - [Font Awesome]

    (http://fontawesome.io/)

    - [jQuery lazy load]

    (https://github.com/tuupola/jquery_lazyload)
    - [SweetAlert]

    (https://github.com/t4t5/sweetalert)/[SweetAlert2](https://github.com/limonte/sweetalert2)
    - [Toastr]

    (http://codeseven.github.io/toastr/)

    使用:

    1.先导入插件的css文件

    2.导入jquery

    3.导入插件的js文件

    响应式布局

    bootstrap媒体查询:

    /* 超小屏幕(手机,小于 768px) */
    /* 没有任何媒体查询相关的代码,因为这在 Bootstrap 中是默认的(还记得 Bootstrap 是移动设备优先的吗?) */
    
    /* 小屏幕(平板,大于等于 768px) */
    @media (min-width: @screen-sm-min) { ... }
    
    /* 中等屏幕(桌面显示器,大于等于 992px) */
    @media (min-width: @screen-md-min) { ... }
    
    /* 大屏幕(大桌面显示器,大于等于 1200px) */
    @media (min-width: @screen-lg-min) { ... }

    我们偶尔也会在媒体查询代码中包含 max-width 从而将 CSS 的影响限制在更小范围的屏幕大小之内。

    @media (max-width: @screen-xs-max) { ... }
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
    @media (min-width: @screen-lg-min) { ... }
  • 相关阅读:
    javascript创建类的6种方式
    c#匿名类型
    flex中在basewidget中不能使用图表组件问题
    Xamarin 后台持续定位与提示
    Net 并行知识学习
    占位
    axis 入门【原】
    Oracle存储过程procedure in、out、in out 模式参数【不发布,纯转】
    poi读取写入excel【未完,待续】
    poi读取写入word【未完,待续】
  • 原文地址:https://www.cnblogs.com/pythonclass/p/7686556.html
Copyright © 2011-2022 走看看