JavaScript资料,JavaScript文章,JavaScript文档-易库教程

基于zepto.js简单实现上传图片

2017年02月06日 8 阅读

效果如下：html:<div class="otherPic"><div id="showOtherImage"></div><span class="pull-left position_relative" id="openIdCardImg"><span class="icon color-blue addPic"></span><input type="fi...

第二篇Bootstrap起步

2017年02月06日 8 阅读

在上篇文章给大家介绍了Bootstrap的基础知识，接下来通过本文给大家介绍我们可以在http://getbootstrap.com下载bootstrap的文件点击左边的download bootstrap可以下载bootstrap的css,javascript和字体库的已编译版本。点击中间的download source可以下载bootstrap的源代码。一般情况下我们使用bootstrap点击左边的已编译版本下载就可以了。如果下载的是已编译版结构是：如...

Bootstrap三种表单布局的使用方法

2017年02月06日 8 阅读

Bootstrap提供了三种表单布局：垂直表单，内联表单和水平表单创建垂直或基本表单：•·向父 <form> 元素添加 role="form"。•·把标签和控件放在一个带有 class .form-group 的 <div> 中。这是获取最佳间距所必需的。•·向所有的文本元素 <input>、<textarea> 和 <select> 添加 class .for...

第三篇Bootstrap网格基础

2017年02月06日 9 阅读

Bootstrap 提供了一套响应式、移动设备优先的流式网格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。网格系统类似一个表格,有行和列,它必须放置在一个类型设置为container的容器里，可以是div,内容放置在列内，网页设计中的网格用于布局内容，让网站易于浏览，下面是一个用bootstrap网格布局的例子。<div><div>col2</div><div>col10<...

第四篇Bootstrap网格系统偏移列和嵌套列

2017年02月06日 8 阅读

偏移列：在bootstrap网格系统中我们可以使用偏移列来达到让某列右移的效果，如下所示:<div><div>col2</div></div>Class=”col-sm-2 col-sm-offset-1”表示该列占两份，并且往右移动一份，看到的效果如下:Col-sm-offset-1表示右移一份。Col-sm-offset-2表示右移两份依次类推。Col-xs类不支持偏移列，但是它可以通过简单的使用一个空的...

JS实现的跨浏览器解析XML文件实例

2017年02月06日 8 阅读

本文实例讲述了JS实现的跨浏览器解析XML文件的方法。分享给大家供大家参考，具体如下：下列代码把一个 XML 文档（"note.xml"）载入 XML 解析器中：<script type="text/javascript">function GetXmlHttpObject（） {var xmlHttp=null;try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest（...

Bootstrap轮播插件简单使用方法介绍

2017年02月06日 8 阅读

本文细致的为大家分享了Bootstrap轮播插件简单实例，供大家参考，具体内容如下使用Bootstrap的轮播插件可以向站点添加滑块，内容可以是图像，内嵌框架，视频或其它任何内容，使用轮播插件需要引入效果图：bootstrap.min.js.<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <！—轮播导航 --><ol...

Javascript随机标签云代码实例

2017年02月06日 8 阅读

先来看一下效果代码如下<！DOCTYPE HTML><html><head><meta charset="UTF-8"><title>随机标签云</title><style type="text/css">*{margin:0;padding:0}a{ text-decoration:none}#wrap{width:400px;margin:auto}</style...

第五篇Bootstrap 排版

2017年02月06日 8 阅读

使用bootstrap的排版特性可以创建标题，段落，列表及其它内联元素。标题：bootstrap中定义了从h1-h6的六种标题样式。内联子标题：如果需要向任意一个标题添加一个子标题，只需要加上<small></small>例如：<h1>我是标题1 h1. <small>我是副标题1 h1</small></h1><h2>我是标题2 h2. <small>我是副标...

Javascript点击其他任意地方隐藏关闭DIV实例

2017年02月06日 8 阅读

代码如下，实现了点击input显示一个div层，当点击除input和div以外的地方的时候，隐藏div的功能。<！DOCTYPE html><html><head><meta charset="utf-8" /><title>点击其它地方关闭DIV</title></head><body><input type="text" value="" id="tf...

第六篇Bootstrap表格样式介绍

2017年02月06日 8 阅读

基本表格:<table><tr><td>用户名</td><td>密码</td></tr><tr><td>啊啊啊</td><td>1111</td></tr></table>在<table>标签添加.table类可以为其赋予基本的样式，少量的内补（padding）和水平方向的分隔...

Javascript打印局部页面实例

2017年02月06日 8 阅读

代码如下，简单实用。因为需要用到这个东西，所以很无耻的拾人牙慧，收藏一下。<！DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script type="text/javascript">func...

第七篇Bootstrap表单布局实例代码详解（三种表单布局）

2017年02月06日 9 阅读

Bootstrap提供了三种表单布局：垂直表单，内联表单和水平表单。下面逐一给大家介绍，有兴趣的朋友一起学习吧。创建垂直或基本表单：•·向父 <form> 元素添加 role="form"。•·把标签和控件放在一个带有 class .form-group 的 <div> 中。这是获取最佳间距所必需的。•·向所有的文本元素 <input>、<textarea> 和 <s...

JS实现获取剪贴板内容的方法

2017年02月06日 8 阅读

本文实例讲述了JS实现获取剪贴板内容的方法。分享给大家供大家参考，具体如下：这里介绍了JS获取剪贴板内容的代码：<Script Language="JavaScript">var content = clipboardData.getData（"Text"）;if （content！=null） {document.write（"<center><font size=5 color=red>WARNING, TEXT R...

第八篇Bootstrap下拉菜单实例代码

2017年02月06日 8 阅读

先给大家说下我的实现思路：给div一个class “dropdown”，将下拉菜单放在这个div里就可以显示bootstrap的下拉菜单。<div class="dropdown"><button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">Dropdown<span class=...

js简单判断flash是否加载完成的方法

2017年02月06日 8 阅读

本文实例讲述了js简单判断flash是否加载完成的方法。分享给大家供大家参考，具体如下：<script type="text/javascript">//判定是否加载成功function checkLoaded（flash）{try{return Math.floor（flash.PercentLoaded（）） == 100}catch（e）{return false;}}var flash = "flash对象";var intervalI...

第九篇Bootstrap导航菜单创建步骤详解

2017年02月06日 8 阅读

创建一个标签式的导航菜单的步骤是:•在ul标签上加上class nav•再ul标签上加上 class .nav-tabs。在li标签上加上 active表示激活该项<ul class="nav nav-tabs"> <li class="active"><a href="#">Home</a></li> <li><a href="#">SVN<...

JavaScript简单获取页面图片原始尺寸的方法

2017年02月06日 8 阅读

本文实例讲述了JavaScript简单获取页面图片原始尺寸的方法。分享给大家供大家参考，具体如下：这里通过Image（）对象获取原始宽高这种方式就没有那么麻烦，直接new一个Image（）对象，然后把img的src赋值给他即可获取。var img = new Image（）;img.src = $（"#target"）.attr（"src"）;if（img.complete）{alert（"width:"+img.width+",height"+img.h...

第十篇BootStrap轮播插件使用详解

2017年02月06日 8 阅读

Bootstrap 轮播插件是一种灵活的响应式的向站点添加滑块的方式。除此之外，内容也是足够灵活的，可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。使用bootstrap的轮播插件可以向站点添加滑块，内容可以是图像，内嵌框架，视频或其它任何内容，使用轮播插件需要引入bootstrap.min.js.先给大家展示下效果图，如果大家感觉还不错，请参考实现代码。效果图如下所示：关键代码如下：<div id="carousel-example-...

JS实现对中文字符串进行utf-8的Base64编码的方法（使其与Java编码相同）

2017年02月06日 8 阅读

本文实例讲述了JS实现对中文字符串进行utf-8的Base64编码的方法。分享给大家供大家参考，具体如下：要进行编码的字符串：“select 用户名 from 用户”使用JAVA进行编码，Java程序：String sql = "select 用户名 from 用户";String encodeStr = new String（Base64.encode（sql.getBytes（"UTF-8"）））; // 编码System.out.println（en...

首页 / 脚本样式 / JavaScript

基于zepto.js简单实现上传图片

第二篇Bootstrap起步

Bootstrap三种表单布局的使用方法

第三篇Bootstrap网格基础

第四篇Bootstrap网格系统偏移列和嵌套列

JS实现的跨浏览器解析XML文件实例

Bootstrap轮播插件简单使用方法介绍

Javascript随机标签云代码实例

第五篇Bootstrap 排版

Javascript点击其他任意地方隐藏关闭DIV实例

第六篇Bootstrap表格样式介绍

Javascript打印局部页面实例

第七篇Bootstrap表单布局实例代码详解（三种表单布局）

JS实现获取剪贴板内容的方法

第八篇Bootstrap下拉菜单实例代码

js简单判断flash是否加载完成的方法

第九篇Bootstrap导航菜单创建步骤详解

JavaScript简单获取页面图片原始尺寸的方法

第十篇BootStrap轮播插件使用详解

JS实现对中文字符串进行utf-8的Base64编码的方法（使其与Java编码相同）