anpochi7793-CSDN博客

转载 js 将一个数组插入到另一个数组的方法

JavaScript将一个数组插入到另一个数组的方法。分享给大家供大家参考。具体分析如下：1.通过Array.prototype.push.apply方法将一个数组插入到另外一个数组，下面的代码将数组b插入到avar a = [2,3,4];var b = [5,6,7];Array.prototype.push.apply(a,b);console.log(a)...

2017-06-22 18:07:00 1578

转载 div随意拖动小例子

<html> <head> <title> Drag Demo 1 </title> <style type="text/css"> #drag{ width:100px; height:20px; background-color:#eee; ...

2016-12-06 11:23:00 162

转载带转义符的json解释

1.json数组：jsonData。取json数组中message的appid的值。例子：var jsonData = { "code":"200", "message":"{\"appid\":\"test123\",\"data\":\"PhcDgwpfphWQMzgxmum5DwMKep2QAOqCjyyf7ltwnV/091FNi...

2016-10-28 18:14:00 265

转载银行卡四位数空隔

$(function(){ $('#cardid').keyup(function(){/**银行卡四位空隔*/ var value=$(this).val().replace(/\s/g,'').replace(/(\d{4})(?=\d)/g,"$1 "); $(this).val(value); ...

2016-08-12 15:30:00 209

转载收录-获取时间、日期

/**收录 * 获取本周、本季度、本月、上月的开始日期、结束日期 */var now = new Date(); //当前日期 var nowDayOfWeek = now.getDay(); //今天本周的第几天 var nowDay = now.getDate(); //当前日 var now...

2016-04-01 15:17:00 99

转载封装的一些例子

/* * 该库主要封装DWZ的一些常用函数，适用于平台开发。 * * JQuery 1.4.4 * Version 0.1 */Namespace = new Object(); // 全局对象仅仅存在register函数，参数为名称空间全路径，如"trisun.ajax"Namespace.register = function(fullNS)...

2015-08-17 10:46:00 222

转载 easyui-validatebox 验证

　　　required: "必选字段", remote: "请修正该字段", email: "请输入正确格式的电子邮件", url: "请输入合法的网址", date: "请输入合法的日期", dateISO: "请输入合法的日期 (ISO).", number: "请输入合法的数字", d...

2015-07-07 17:25:00 693

转载聊聊css hack

什么是CSS hackCSS hack由于不同厂商的浏览器，比如Internet Explorer,Safari,Mozilla Firefox,Chrome等，或者是同一厂商的浏览器的不同版本，如IE6和IE7，对CSS的解析认识不完全一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同...

2015-07-06 17:25:00 99

转载 html5 audio的暂停与播放

在html5里，audio是新增的功能。它方便了用户。大多数音频是通过插件（比如 Flash）来播放的。然而，并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 audio 元素来包含音频的标准方法。audio 元素能够播放声音文件或者音频流。不过它的兼容性还不完善。只有IE 9 支持MP3，Firefox 3.5和Opera 10.5支持Ogg Vorbi、Wa...

2015-05-19 10:36:00 650

转载 Bootstrap <基础三十二>模态框（Modal）插件

模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。如果您想要单独引用该插件的功能，那么您需要引用modal.js。或者，正如Bootstrap 插件概览一章中所提到，您可以引用bootstrap.js或压缩版的bootstrap.min.js。用法您可以切换模态框（...

2015-05-18 09:58:00 443

转载 Bootstrap <基础三十一>插件概览

在前面布局组件中所讨论到的组件仅仅是个开始。Bootstrap 自带 12 种 jQuery 插件，扩展了功能，可以给站点添加更多的互动。即使不是一名高级的 JavaScript 开发人员，也可以着手学习 Bootstrap 的 JavaScript 插件。利用 Bootstrap 数据 API（Bootstrap Data API），大部分的插件可以在不编写任何代码的情况被触发。...

2015-05-15 09:30:00 124

转载 Bootstrap <基础三十>Well

Well 是一种会引起内容凹陷显示或插图效果的容器 <div>。为了创建 Well，只需要简单地把内容放在带有 class.well的 <div> 中即可。下面的实例演示了一个默认的 Well：<!DOCTYPE html><html><head> <title>Bootstrap 实例 ...

2015-05-13 09:20:00 80

转载 Bootstrap <基础二十九>面板（Panels）

Bootstrap 面板（Panels）。面板组件用于把 DOM 组件插入到一个盒子中。创建一个基本的面板，只需要向 <div> 元素添加 class.panel和 class.panel-default即可，如下面的实例所示：<!DOCTYPE html><html><head> <title&g...

2015-05-12 09:34:00 176

转载 Bootstrap <基础二十八>列表组

列表组。列表组件用于以列表形式呈现复杂的和自定义的内容。创建一个基本的列表组的步骤如下：向元素 <ul> 添加 class.list-group。向 <li> 添加 class.list-group-item。下面的实例演示了这点：<!DOCTYPE html><html><head>...

2015-05-11 09:18:00 107

转载 Bootstrap<基础二十七> 多媒体对象（Media Object）

Bootstrap 中的多媒体对象（Media Object）。这些抽象的对象样式用于创建各种类型的组件（比如：博客评论），我们可以在组件中使用图文混排，图像可以左对齐或者右对齐。媒体对象可以用更少的代码来实现媒体对象与文字的混排。媒体对象轻量标记、易于扩展的特性是通过向简单的标记应用 class 来实现的。你可以在 HTML 标签中添加以下两种形式来设置媒体对象：.medi...

2015-05-06 10:06:00 168

转载 Bootstrap <基础二十六>进度条

Bootstrap 进度条。在本教程中，你将看到如何使用 Bootstrap 创建加载、重定向或动作状态的进度条。Bootstrap 进度条使用 CSS3 过渡和动画来获得该效果。Internet Explorer 9 及之前的版本和旧版的 Firefox 不支持该特性，Opera 12 不支持动画。默认的进度条创建一个基本的进度条的步骤如下：添加一个带有 c...

2015-05-05 09:48:00 137

转载 Bootstrap <基础二十五>警告（Alerts）

警告（Alerts）以及 Bootstrap 所提供的用于警告的 class。警告（Alerts）向用户提供了一种定义消息样式的方式。它们为典型的用户操作提供了上下文信息反馈。您可以为警告框添加一个可选的关闭按钮。为了创建一个内联的可取消的警告框，请使用警告（Alerts） jQuery 插件。您可以通过创建一个 <div>，并向其添加一个.alertclass...

2015-05-04 09:24:00 176

转载 Bootstrap<基础二十四> 缩略图

Bootstrap 缩略图。大多数站点都需要在网格中布局图像、视频、文本等。Bootstrap 通过缩略图为此提供了一种简便的方式。使用 Bootstrap 创建缩略图的步骤如下：在图像周围添加带有 class.thumbnail的 <a> 标签。这会添加四个像素的内边距（padding）和一个灰色的边框。当鼠标悬停在图像上时，会动画显示出图像的轮廓。...

2015-04-28 09:04:00 169

转载 Bootstrap <基础二十三>页面标题（Page Header）

页面标题（Page Header）是个不错的功能，它会在网页标题四周添加适当的间距。当一个网页中有多个标题且每个标题之间需要添加一定的间距时，页面标题这个功能就显得特别有用。如需使用页面标题（Page Header），请把你的标题放置在带有 class.page-header的 <div> 中：<!DOCTYPE html><html>...

2015-04-27 08:50:00 199

转载 Bootstrap <基础二十二>超大屏幕（Jumbotron）

Bootstrap 支持的另一个特性，超大屏幕（Jumbotron）。顾名思义该组件可以增加标题的大小，并为登陆页面内容添加更多的外边距（margin）。使用超大屏幕（Jumbotron）的步骤如下：创建一个带有 class.jumbotron. 的容器 <div>。除了更大的 <h1>，字体粗细font-weight被减为 200px。...

2015-04-24 08:31:00 192

转载 Bootstrap <基础二十一>徽章（Badges）

Bootstrap 徽章（Badges）。徽章与标签相似，主要的区别在于徽章的边角更加圆滑。徽章（Badges）主要用于突出显示新的或未读的项。如需使用徽章，只需要把<span class="badge">添加到链接、Bootstrap 导航等这些元素上即可。下面的实例演示了这点：<!DOCTYPE html><html>&...

2015-04-23 08:56:00 171

转载 Bootstrap<基础二十> 标签

Bootstrap 标签。标签可用于计数、提示或页面上其他的标记显示。使用 class.label来显示标签，如下面的实例所示：<!DOCTYPE html><html><head> <title>Bootstrap 实例 - 标签</title> <link href="/bootst...

2015-04-22 08:55:00 98

转载 Bootstrap <基础十九>分页

Bootstrap 支持的分页特性。分页（Pagination），是一种无序列表，Bootstrap 像处理其他界面元素一样处理分页。分页（Pagination）下表列出了 Bootstrap 提供的处理分页的 class。Class描述示例代码.pagination添加该 class 来在页面上显示分页。<ul class="paginat...

2015-04-21 08:43:00 113

转载 Bootstrap <基础十八>面包屑导航（Breadcrumbs）

面包屑导航（Breadcrumbs）是一种基于网站层次信息的显示方式。以博客为例，面包屑导航可以显示发布日期、类别或标签。它们表示当前页面在导航层次结构内的位置。Bootstrap 中的面包屑导航（Breadcrumbs）是一个简单的带有.breadcrumbclass 的无序列表。分隔符会通过 CSS（bootstrap.min.css）中下面所示的 class 自动被添加：...

2015-04-20 09:12:00 215

转载 Bootstrap<基础十七>导航栏

导航栏是一个很好的功能，是 Bootstrap 网站的一个突出特点。导航栏在您的应用或网站中作为导航页头的响应式基础组件。导航栏在移动设备的视图中是折叠的，随着可用视口宽度的增加，导航栏也会水平展开。在 Bootstrap 导航栏的核心中，导航栏包括了站点名称和基本的导航定义样式。默认的导航栏创建一个默认的导航栏的步骤如下：向 <nav> 标签添加 cla...

2015-04-17 09:01:00 248

转载 Bootstrap<基础十六> 导航元素

Bootstrap 提供的用于定义导航元素的一些选项。它们使用相同的标记和基类.nav。Bootstrap 也提供了一个用于共享标记和状态的帮助器类。改变修饰的 class，可以在不同的样式间进行切换。表格导航或标签创建一个标签式的导航菜单：以一个带有 class.nav的无序列表开始。添加 class.nav-tabs。下面的实例演示了这点：...

2015-04-16 08:47:00 217

转载 Bootstrap<基础十五> 输入框组

Bootstrap 支持的另一个特性，输入框组。输入框组扩展自表单控件。使用输入框组，可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。通过向输入域添加前缀和后缀的内容，您可以向用户输入添加公共的元素。例如，可以添加美元符号，或者在 Twitter 用户名前添加 @，或者应用程序接口所需要的其他公共的元素。向.form-control添加前缀或后缀元素的步骤...

2015-04-15 08:45:00 162

转载 Bootstrap<基础十四> 按钮下拉菜单

使用 Bootstrap class 向按钮添加下拉菜单。如需向按钮添加下拉菜单，只需要简单地在在一个.btn-group中放置按钮和下拉菜单即可。也可以使用 <span class="caret"></span> 来指示按钮作为下拉菜单。下面的实例演示了一个基本的简单的按钮下拉菜单：<!DOCTYPE html><html&...

2015-04-14 08:35:00 77

转载 Bootstrap<基础十三> 按钮组

按钮组允许多个按钮被堆叠在同一行上。当你想要把按钮对齐在一起时，这就显得非常有用。你可以通过Bootstrap 按钮（Button）插件添加可选的 JavaScript 单选框和复选框样式行为。下面的表格总结了 Bootstrap 提供的使用按钮组的一些重要的 class：Class描述代码示例.btn-group该 class 用于形成基本的按钮组。...

2015-04-10 08:36:00 105

转载 Bootstrap <基础十二>下拉菜单（Dropdowns）

Bootstrap 下拉菜单。下拉菜单是可切换的，是以列表格式显示链接的上下文菜单。这可以通过与下拉菜单（Dropdown） JavaScript 插件的互动来实现。如需使用下列菜单，只需要在 class.dropdown内加上下拉菜单即可。下面的实例演示了基本的下拉菜单：<!DOCTYPE html><html><head&...

2015-04-09 08:44:00 90

转载 Bootstrap<基础十一>字体图标(Glyphicons)

字体图标(Glyphicons)，并通过一些实例了解它的使用。Bootstrap 捆绑了 200 多种字体格式的字形。获取字体图标我们已经在环境安装章节下载了 Bootstrap 3.x 版本，并理解了它的目录结构。在fonts文件夹内可以找到字体图标，它包含了下列这些文件：glyphicons-halflings-regular.eotglyphicon...

2015-04-08 09:07:00 184

转载 Bootstrap<基础十> 响应式实用工具

Bootstrap 提供了一些辅助类，以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备，实现内容对设备的显示和隐藏。需要谨慎使用这些工具，避免在同一个站点创建完全不同的版本。响应式实用工具目前只适用于块和表切换。超小屏幕手机 (<768px)小屏幕平板 (≥768px)中等屏幕桌面 (≥992px)大屏幕桌面 (≥1200px)...

2015-04-07 08:24:00 106

转载 Bootstrap<基础九>辅助类

Bootstrap 中的一些可能会派上用场的辅助类。文本以下不同的类展示了不同的文本颜色。如果文本是个链接鼠标移动到文本上会变暗：类描述.text-muted"text-muted" 类的文本样式.text-primary"text-primary" 类的文本样式.text-success"text-succe...

2015-04-06 12:05:00 144

转载 Bootstrap <基础八>图片

Bootstrap 提供了三个可对图片应用简单样式的 class：.img-rounded：添加border-radius:6px来获得图片圆角。.img-circle：添加border-radius:500px来让整个图片变成圆形。.img-thumbnail：添加一些内边距（padding）和一个灰色的边框。请看下面的实例演示：<...

2015-03-31 12:39:00 60

转载 Bootstrap <基础七>按钮

任何带有 class.btn的元素都会继承圆角灰色按钮的默认外观。但是 Bootstrap 提供了一些选项来定义按钮的样式，具体如下表所示：以下样式可用于<a>, <button>, 或 <input> 元素上：类描述.btn为按钮添加基本样式.btn-default默认/标准按钮...

2015-03-21 17:32:00 117

转载 Bootstrap<基础六> 表单

Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。表单布局Bootstrap 提供了下列类型的表单布局：垂直表单（默认）内联表单水平表单垂直或基本表单基本的表单结构是 Bootstrap 自带的，个别的表单控件自动接收一些全局样式。下面列出了创建基本表单的步骤：向父 <form> 元素添加...

2015-03-18 10:34:00 112

转载 Bootstrap <基础五>表格

Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素：标签描述<table>为表格添加基础样式。<thead>表格标题行的容器元素（<tr>），用来标识表格列。<tbody>表格主体中的表格行的容器元素（<tr>...

2015-03-17 10:54:00 105

转载 Bootstrap<基础四> 代码

Bootstrap 允许您以两种方式显示代码：第一种是 <code> 标签。如果您想要内联显示代码，那么您应该使用 <code> 标签。第二种是 <pre> 标签。如果代码需要被显示为一个独立的块元素或者代码有多行，那么您应该使用 <pre> 标签。请确保当您使用 <pre> 和 <code> 标...

2015-03-16 12:15:00 93

转载 Bootstrap<基础三> 排版

Bootstrap 使用 Helvetica Neue、 Helvetica、 Arial 和 sans-serif 作为其默认的字体栈。使用 Bootstrap 的排版特性，您可以创建标题、段落、列表及其他内联元素。标题Bootstrap 中定义了所有的 HTML 标题（h1 到 h6）的样式。请看下面的实例：<!DOCTYPE html&...

2015-03-15 11:29:00 119

转载 Bootstrap<基础二> 网格系统

Bootstrap 提供了一套响应式、移动设备优先的流式网格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。什么是网格（Grid）？摘自维基百科：在平面设计中，网格是一种由一系列用于组织内容的相交的直线（垂直的、水平的）组成的结构（通常是二维的）。它广泛应用于打印设计中的设计布局和内容结构。在网页设计中，它是一种用于快速创建一致的布局和有效地使用...

2015-03-14 13:04:00 103

空空如也

空空如也