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

    3.layui弹出层

        官网下载路径:http://www.layui.com/doc/modules/layer.html

        解压后:

          

         我们使用弹出层只需要上面几个文件

        引入文件: css文件夹中的layui.css 和layui.js两个文件

        使用:

          layui.use('layer',function(){

           var layer=layui.layer;//可以省略,通过layui获取一个layer

             layer.open({     //调用layer的open方法,开启了一个弹出层

                type:xxx,  //type 代表的弹出层类型0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)

                content:'xxxx',  //弹出层的内容,当type为2时候此处应该填写url地址,表示连接的网页

                title:['aa','bb'], //弹出层的标题aa表示标题内容,bb表示标题样式

                skin:layui-layer-lan   //弹出层皮肤设置  内置了   layui-layer-molv    layui-layer-lan

                area: ['500px', '300px'] //设置弹出层的宽高

              });

          });

        以上只是简单的常用的弹出层四个属性, 想要了解更为详细的内容,渠道官网去查看官方文档信息,            http://www.layui.com/doc/modules/layer.html

     

    4.时间插件

          1.my97datepicker下载地址:http://www.my97.net/down.asp

          2.解压后:

              

            3.引入上面的WdatePicker.js

           4.使用时候直接在要使用的标签元素上面注册一个onclick时间

           

          <input id="d11" type="text" onClick="WdatePicker()"/>

            
          <input id="d12" type="text"/>
          <img onclick="WdatePicker({el:'d12'})" src="../skin/datePicker.gif" width="16" height="22" align="absmiddle">
          

          以上两个是简单的使用案例,更多详细的使用技巧查询官方文档及实例

  • 相关阅读:
    后缀数组 (Suffix Array) 学习笔记
    Miller-Rabin 素性测试 与 Pollard Rho 大整数分解
    [ USACO 2013 OPEN ] Photo
    清华集训2016做题记录
    「UNR#2」黎明前的巧克力
    「UNR#1」奇怪的线段树
    Atcoder Grand Contest 018 E
    「NOI2015」小园丁与老司机
    「集训队作业2018」三角形
    Codeforces 878 E. Numbers on the blackboard
  • 原文地址:https://www.cnblogs.com/pcyiren/p/9242799.html
Copyright © 2011-2022 走看看