码迷,mamicode.com
首页 > Web开发 > 详细

js插件

时间:2018-06-29 14:03:03      阅读:220      评论:0      收藏:0      [点我收藏+]

标签:alt   通过   mod   tips   tle   ddl   文件夹   pen   使用   

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">
      

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

 

js插件

标签:alt   通过   mod   tips   tle   ddl   文件夹   pen   使用   

原文地址:https://www.cnblogs.com/pcyiren/p/9242799.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!