WebUI-自用

一、常用插件

1、弹出框架：

 http://layer.layui.com/ 

http://layer.layui.com/mobile/ 移动端

 http://aui.github.io/artDialog/ artDialog

2、日期选择控件

WdatePicker：http://www.my97.net/

浏览器插件：chrome-extension: Postman

1、WdatePicker 日期控件使用

<input type="text" class="ipt" name="ds" onfocus="WdatePicker();" value="<?php echo $_GET['ds'];?>" /> //日期

<input type="text" class="ipt" name="de" onfocus="WdatePicker({dateFmt:'HH:mm:ss'});" value="<?php echo $_GET['de'];?>" />//时间
<input type="text" class="ipt" name="de" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'});" value="<?php echo $_GET['de'];?>" />//日期+时间

2、表格打印边框

.table-d table{border:1px solid #F00;border-collapse: collapse}
.table-d table td{border:1px solid #F00;}

<div class="table-d">
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="105">站名</td>
<td width="181">网址</td>
<td width="112">说明</td>
</tr>
<tr>
<td>web前端开发</td>
<td>www.zjgsq.com</td>
<td>web前端学习之路</td>
</tr>
<tr>
<td>web前端开发</td>
<td>www.zjgsq.com</td>
<td>web前端学习之路</td>
</tr>
</tbody>
</table>
</div>

 3、A标签 特殊用法

href="javascript:pushInfo('<?php echo $pid?>','<?php echo $info['id']?>');"
href="javascript:;"//点击没有反映

4、加入收藏夹

function addFavorite2() {
    var url = window.location;
    var title = document.title;
    var ua = navigator.userAgent.toLowerCase();
    if (ua.indexOf("360se") > -1) {
        alert("由于360浏览器功能限制，请按 Ctrl+D 手动收藏！");
    }
    else if (ua.indexOf("msie 8") > -1) {
        window.external.AddToFavoritesBar(url, title); //IE8
    }
    else if (document.all) {
  try{
   window.external.addFavorite(url, title);
  }catch(e){
   alert('您的浏览器不支持,请按 Ctrl+D 手动收藏!');
  }
    }
    else if (window.sidebar) {
        window.sidebar.addPanel(title, url, "");
    }
    else {
  alert('您的浏览器不支持,请按 Ctrl+D 手动收藏!');
    }
}

<a href=# onclick="javascript:addFavorite2()">加入收藏</a>