2015年11月_包子源

12月 11月

原创 js实现随机生成1到10的整数

闲话不多说，直接用代码解释： //js实现随机生成整数 var a = Math.random(); //生成0——1的随机数 a = a*10; //0——10的随机数 a = Math.ceil(a); //上取整，完成随机生成1——10的整数 doc

2015-11-28 16:23:56 17649

原创验证身份证正则表达式讲解

身份证正则表达式(15位) ：isIDCard1=/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$/; 身份证正则表达式(18位) ：isIDCard2=/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{4}$/;接下来以18

2015-11-27 10:18:24 1247 1

原创正则表达式中的g,i,m修饰符

g 全局匹配（会查找所有匹配，不会在查找到第一个匹配时就停止）i 执行对大小写不敏感的匹配m 执行多行匹配（包含换行符(/n)不会停止匹配）全局匹配例子：var str="Is this all there is?";var patt1=/is/g;document.write(str.match(patt1

2015-11-27 08:47:24 4773

原创 js正则表达式RegExp 对象

RegExp 对象RegExp 对象表示正则表达式，它是对字符串执行模式匹配的强大工具。创建 RegExp 对象的语法：new RegExp(pattern, attributes);对象方法：test()test() 方法检索字符串中的指定值。返回值是 true 或 false。例子：var patt1=new

2015-11-26 13:30:13 453

原创 css background属性

background可以设置如下常用属性：background-color 背景颜色background-position 背景图片位置background-size 背景尺寸background-repeat

2015-11-23 17:44:08 364

原创 XMLHttpRequest

XMLHttpRequest 对象用于在后台与服务器交换数据。通过使用XMLHttpRequest 对象，我们可以实现一下几点：1.在不重新加载页面的情况下更新网页2.在页面已加载后从服务器请求数据3.在页面已加载后从服务器接收数据4.在后台向服务器发送数据创建XMLHttpRequest对象的语法如下：xmlhttp = new XMLHTTPRequest();

2015-11-23 11:37:49 519

原创 jQuery ajax方法详解

为大家讲解一下$.ajax() 方法的使用：首先了解一下相关参数参数：options类型：Object可选。AJAX 请求设置。所有选项都是可选的。async类型：Boolean默认值: true。默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false。注意，同步请求将锁住浏览器，用户其它操作必须

2015-11-23 11:27:06 525

原创 jquery的text()、html() 以及 val()

三个简单实用的用于 DOM 操作的 jQuery 方法：text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容（包括 HTML 标记）val() - 设置或返回表单字段的值下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容：$(document).ready(function(){

2015-11-18 14:58:10 444

原创 jquery实现弹窗效果实例

利用jquery实现两种弹窗效果：1：淡入弹窗效果： *{padding: 0;margin: 0;} .box{width: 100%;height: 100%;} .main{width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);display: none;position: fi

2015-11-18 14:27:16 734

原创 Bootstrap 模态框（Modal）插件

模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。您可以切换模态框（Modal）插件的隐藏内容：通过 data 属性：在控制器元素（比如按钮或者链接）上设置属性 data-toggle="modal"，同时设置 data-target="#identifier" 或href=

2015-11-16 16:34:57 1434

原创 Bootstrap 折叠（Collapse）插件

折叠（Collapse）插件可以很容易地让页面区域折叠起来。无论您用它来创建折叠导航还是内容面板，它都允许很多内容选项。快来一起学习吧！！！直接引用bootstrap就可以啦，不用单独引用collapse插件 Bootstrap 实例 - 折叠面板 <a data-toggle="collapse" d

2015-11-16 16:30:37 1020

原创 removeClass和addClass实现选择效果

利用jquery的removeClass和addClass实现选择效果： ul li{width: 50px;height: 50px;border: 1px solid #cccccc;border-radius: 50%;line-height: 50px;text-align: center;list-style-type: none;} .on{ba

2015-11-16 16:27:52 2006

原创 Bootstrap进度条

利用bootstrap实现加载、重定向或动作状态的进度条是非常容易的：Bootstrap 进度条使用 CSS3 过渡和动画来获得该效果。Internet Explorer 9 及之前的版本和旧版的 Firefox 不支持该特性，Opera 12 不支持动画。创建一个基本的进度条的步骤如下：添加一个带有 class .progress 的。接着，在上面的内，

2015-11-16 08:32:21 1467

原创 Bootstrap按钮

bootstrap中的按钮改如何使用呢？接下来，我们学习bootstrap中按钮的使用：任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观。但是 Bootstrap 提供了一些选项来定义按钮的样式，具体如下表所示：以下样式可用于, , 或元素上：下面的实例演示了上面所有的按钮 class： Bootstrap 实例 -

2015-11-16 08:18:18 510

原创 Css中关于定位的理解，相对定位、绝对定位、浮动定位

Css中的定位网页制作中扮演着举足轻重的角色，通过定位，可以轻松的使快元素放置在合适的位置。定位分为三种，绝对定位、相对定位、浮动定位。绝对定位会使同级元素重新从（0,0）坐标开始定位。相对定位会考虑同级元素产生的位置影响。浮动定位时，如果有滚动条，元素位置不受滚动条的影响。有些情况下必须使用定位，使元素具备层级关系需要使用z-index时，首先必须定位。需要使元素出现在页面最底部，首先要添加

2015-11-15 19:31:07 2324

原创 jQuery 动画 - animate() 方法简介

语法：$(selector).animate({params},speed,callback);必需的 params 参数定义形成动画的 CSS 属性。可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。可选的 callback 参数是动画完成后所执行的函数名称。注意啦：默认情况下，所有 HTML 元素的位置都是静

2015-11-14 11:10:41 1025 1

原创 js实现html的placeholder属性效果

如何通过js实现html的placeholder属性效果呢我们需要这样做： function bl(){ var a=document.getElementById("inpt"); if(a.value.length<=0){ a.style.color="#999999"; a.value="请输入姓名";

2015-11-13 11:55:44 932

原创倒计时恢复按钮点击

倒计时时间到后，恢复按钮点击，常用于阅读协议： var tim=9; function aaa(){ var btnn=document.getElementById("btn"); if(tim<=0) { btnn.value="注册"; btnn.disabled=""; } else

2015-11-13 11:51:38 848

原创 jquery手动控制进度条

手动控制进度条的小程序，分享给大家： #box{position: relative; width: 200px; height: 50px; border: 1px solid #eee; margin: 50px auto 0;} #bg{height: 10px; margin-top: 19px; border: 1px solid #ddd; border-rad

2015-11-13 11:49:17 1229

原创 jquery滑入滑出

我们做这样一个实例：有两个按钮，点击滑入，有一个div层滑入，点击滑出，div层滑出： .div{width: 300px;height: 300px;background-color: green;display: none;} $(function(){ $("#btn").click(function(){

2015-11-13 10:56:55 2336

原创 jQuery 淡入淡出

我们做这样一个实例：有两个按钮，点击淡入，有一个div层淡入，点击淡出，div层淡出： .div{width: 300px;height: 300px;background-color: red;display: none;} $(function(){ $("#btn").click(function(){ $(".

2015-11-13 10:48:04 543

原创 js冒泡排序（Bubble Sort）

冒泡排序（Bubble Sort），是一种计算机科学领域的较简单的排序算法。它重复地走访过要排序的数列，一次比较两个元素，如果他们的顺序错误就把他们交换过来。走访数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。冒泡排序算法的运作如下：（从后往前）1.比较相邻的元素。如果第一个比第二个大，就交换他们两个。2.对每一对相邻元素作同样

2015-11-13 10:35:34 1259 1

原创 canvas的使用

是H5新增的标签，用于绘制图形。标签只是图形容器，您必须使用脚本来绘制图形。那么，如何用canvas绘制一条简单的线+矩形呢，我们需要这样做：您的浏览器不支持canvas！ <!-- 作者：1132438840@qq.com 时间：2015-11-07 描述：script

2015-11-13 10:06:32 534

转载创建一个AppCan应用

1、应用简介该应用会一步一步给你演示怎么开发一个AppCan应用。该应用包含最常用的插件，window、request、file等。另外教会你使用AppCan应用开发平台，AppCan IDE等相关知识。2、开发环境在AppCan的官方网站上创建应用，并在IDE中开发完成后，到官网上进行打包。1）、注册并登陆AppCan应用管理系统（http://dashboard

2015-11-12 16:41:04 2061

原创滚动条美化jquery插件nicescroll的使用

你是否遇到过这种情况：想要在网页中嵌入div块并且局部滚动，但滚动条太难看啦！！！使用jquery.nicescroll来美化滚动条吧（so easy！！）：首先：下载jquery.nicescroll.js。百度一下哦！！！然后引入jquery.nicescroll.js，并且使用： .div{ width: 300px;

2015-11-12 16:16:09 3597

原创 js计时器实现计时setInterval

使用setInterval实现计时，并且满60秒向分钟进一，满60分钟向小时进一。 window.onload = function(){ var mm = 0; var ss = 0; var str = ''; var timer = setInterval(function(){ str = ""; if(++ss

2015-11-12 16:04:22 1356