js插件

Posted pcyiren

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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">
      

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

 






以上是关于js插件的主要内容,如果未能解决你的问题,请参考以下文章

js插件都有哪些

js插件都有哪些

sublime text3安装js插件

countTo.js是JS的啥插件?功能是实现啥?

chrome js插件提取弹幕

Node.js插件编写-插件代码通过Emit与js代码进行交互