浣花水榭 - 博客园

[置顶] 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 浣花水榭阅读(1391) 评论(0) 推荐(0) 编辑

公告