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插件的主要内容,如果未能解决你的问题,请参考以下文章