[置顶] css漂亮表格样式
摘要： 看一下我自定义的漂亮表格效果 如果你喜欢，他很简单的哟！ 首先，它使用了bootstrap的布局，其他的样式都是自己定义的 HTML代码如下： <div class="l-panel col-xs-8 purpel"> <div class="l-panel-head "> <div class=" 阅读全文
posted @ 2016-01-27 16:44 浣花水榭 阅读(2834) 评论(0) 推荐(0) 编辑
[置顶] angularJS中搜索框的用法
摘要： angularJS的强大数据绑定功能让一键搜索成为可能，摒弃繁琐的button,让我们一起看一下让喝让搜索逆袭！ 首先，HTML页面引入input， <div class="form-horizontal" ng-controller="ServiceController"> <form> <lab 阅读全文
posted @ 2016-01-27 15:29 浣花水榭 阅读(1603) 评论(0) 推荐(0) 编辑
2017年11月
拖拽组件
摘要： 使用方法： $("dom元素").({ .... : ...}) 阅读全文
posted @ 2017-11-13 11:58 浣花水榭 阅读(266) 评论(0) 推荐(0) 编辑
2016年11月
css3动画 巧用label
摘要： 无标题文档 阅读全文
posted @ 2016-11-28 17:02 浣花水榭 阅读(262) 评论(0) 推荐(0) 编辑
轮播图
摘要： ＜ ＞ 阅读全文
posted @ 2016-11-28 16:38 浣花水榭 阅读(126) 评论(0) 推荐(0) 编辑
弹出框组件，可拖拽
摘要： 页面 调用 例： 两个按钮 一个按钮 效果 阅读全文
posted @ 2016-11-17 17:35 浣花水榭 阅读(863) 评论(0) 推荐(0) 编辑
2016年7月
基于angularJS的分页功能
摘要： 先看分页效果图 是基于bootstrap的基本分页效果，样式可以先去查看boostrap文档熟悉。 在以angularJS中，像这种公共组件一般(也应该)写到公共directive中，下面可以下项目中怎么实现的。 ①. 公共组件 pageDirective.js 开看一下如何使用 在controll 阅读全文
posted @ 2016-07-15 17:45 浣花水榭 阅读(433) 评论(0) 推荐(0) 编辑
身份证验证大全-javascript
摘要： (function($) { $(function() { var ACCEPT = ""; // 检查通过是返回的的成功标识字符串 var EIGHTEEN_IDCARD = 18; // 标识18位身份证号码 var FIFTEEN_IDCARD = 15; // 标识15位身份证号码 var MAX_MAINLAND_AREACODE = 659004; // 大... 阅读全文
posted @ 2016-07-15 16:36 浣花水榭 阅读(1022) 评论(0) 推荐(0) 编辑
公用拖拽功能插件
摘要： (function($){ var defaults = { // 是否可拖拽默认为true enable : true, // 要拖动的对象，默认为handle的父级的父级元素 target : null, // 回调 callba... 阅读全文
posted @ 2016-07-15 15:09 浣花水榭 阅读(198) 评论(0) 推荐(0) 编辑
2016年6月
记录那些年我踩过的坑
摘要： 关于$.each()跳出循环的坑 正常跳出循环： continue --终止本次循环计入下一个循环 break --终止整个循环 $.each的坑 用 return false 跳出循环 阅读全文
posted @ 2016-06-30 16:25 浣花水榭 阅读(101) 评论(0) 推荐(0) 编辑
节流函数
摘要： 防抖函数，减少事件在一定时间内的触法次数： 封装一下： 但是防抖函数也存在一些问题,带来一些用户体验不太好的地方,比如图片可能会在用户停止scroll的时候才被加载出来.我们希望即使页面在不断被滚动,但是滚动handler也可以以一定频率被触发,这种技巧被称为节流函数:只允许一个函数在X毫秒内执行一 阅读全文
posted @ 2016-06-20 10:57 浣花水榭 阅读(389) 评论(0) 推荐(0) 编辑
手机号码的正则表达式
摘要： 方法一：var phoneNumber = '1352546145851114541';var str = /^((121)|(13[0-9])|(14[0-9])|(15[^4,\D])|(17[0-9])|(18[0-9]))\d{8}$/; //正则表达式if(!str.test(phoneN 阅读全文
posted @ 2016-06-13 15:40 浣花水榭 阅读(1392) 评论(0) 推荐(0) 编辑