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

针对BootStrap中tabs控件的美化和完善（推荐）

2016年07月28日 15 阅读

BootStrap中的tabs控件以其简单易用而很受广大开发者的欢迎。但是，它的样式比较单一，如何才能在其原有的基础上做出更加美观的效果呢，我一直在考虑这个问题。另外，Bootstrap中的tabs必须要单击每个选项卡才能实现切换，能否使用Jquery来控制其自动切换，让它过一段时间（如5秒钟）从一个选项卡切换到另一个呢？下面是我的实现过程，首先是tabs部分的html代码：<div class="tab" role="tabpanel">&l...

Bootstrap选项卡与Masonry插件的完美结合

2016年07月28日 16 阅读

Bootstrap 是最流行的前端框架之一。在你的项目中使用Bootstrap,你就可以很快的实现响应式的网页。如果你尝试将Masonry和Bootstrap提供的众多JavaScript组件之一的选项卡组件一起使用，你将会发现许多讨厌的行为。我遇到过，而本文主要关注这个问题是什么和你要如何来解决这个问题。Bootstrap的TabsBootstrap的选项卡组件包括两个关键点：选项卡导航元素和一些内容面板。在页面加载时，第一个面板应用了 .activ...

移动端一个简单易懂的弹出框

2016年07月28日 13 阅读

先给大家展示下效果图，如果大家感觉还不错，请继续参考实现代码。关键代码如下所示：function tishi（content,url） {var html = "<div class="xiaoxi none" id="msg" style="z-index:9999;left: 5%;width: 90%;position: fixed;background:none;top:50%;"> <p class="msg" style="b...

JS如何判断json是否为空

2016年07月28日 14 阅读

废话不多说，直奔主题了。var jsonStr ={};1、判断json是否为空jQuery.isEmptyObject（）；2、判断对象是否为空：1、if （typeOf（x） == "undefined"）2、if （typeOf（x）！= "object"）3、if（！x）其中第三种是最简单的方法，但是第三种就不能用if（x）这种互斥的方法去判断，只能在对象前面加！3、json的key是不可以重复的；jsonStr[key]="xxx",存在在替换...

jQuery基于ID调用指定iframe页面内的方法

2016年07月28日 13 阅读

本文实例讲述了jQuery基于ID调用指定iframe页面内的方法。分享给大家供大家参考，具体如下：复制代码代码如下:$（window.parent.document）.contents（）.find（"#iframeID"）[0].contentWindow.initPagerList（）;说明：iframeID 为iframe的ID；initPagerList 为 iframe 页面内的方法。<html><head> <...

jQuery深拷贝Json对象简单示例

2016年07月28日 17 阅读

本文实例讲述了jQuery深拷贝Json对象的简单实现方法。分享给大家供大家参考，具体如下：var oldJson = {Name: "quber",List: [1, 2, 3, 4],Obj: [ { name: "qubernet", fun: function （） { return 1; } }, { name: "qubernet1", fun: function （） { return 2; } }]};var newJson = $.ext...

jQuery操作iframe中js函数的方法小结

2016年07月28日 14 阅读

本文实例讲述了jQuery操作iframe中js函数的方法。分享给大家供大家参考，具体如下：1、jquery操作iframe中的元素（2种方式）var tha = $（window.frames["core_content"].document）.find（"#trewuuu"）.html（）;var thb = $（"#core_content"）.contents（）.find（"#trewuuu"）.html（）;2、操作父界面中的元素（header...

jQuery+ajax实现实用的点赞插件代码

2016年07月28日 14 阅读

之前给大家总结了jQuery插件开发的两种方式，这里就实践一下，做一款点赞特效插件，先看看效果吧：废话少说，上代码：//***扩展对象点赞插件、点赞特效***////***Zynblog**////***2016-5-11**////***用法：jQuery（".praisebtn"）.praise（options）;***//; （function （$） { $.fn.praise = function （options） {var defaults...

jQuery获取attr（）与prop（）属性值的方法及区别介绍

2016年07月28日 13 阅读

今天在项目中使用<select></select>下拉菜单时，使用juery操作，使页面加载完菜单默认选中的值为2,我一开始的操作如下：<！--html部分--><select><option value="1">1</option><option value="2">2</option><option value="3">3</option&...

深入解析桶排序算法及Node.js上JavaScript的代码实现

2016年07月28日 18 阅读

1. 桶排序介绍桶排序（Bucket sort）是一种基于计数的排序算法，工作的原理是将数据分到有限数量的桶子里，然后每个桶再分别排序（有可能再使用别的排序算法或是以递回方式继续使用桶排序进行排序）。当要被排序的数据内的数值是均匀分配的时候，桶排序时间复杂度为Θ（n）。桶排序不同于快速排序，并不是比较排序，不受到时间复杂度 O（nlogn）下限的影响。桶排序按下面4步进行：（1）设置固定数量的空桶。（2）把数据放到对应的桶中。（3）对每个不为空的桶中数据...

jQuery实现下拉菜单（内容为时间）的实时更新及图表的随动更新的方法

2016年07月28日 15 阅读

工程分享：模块1：下拉菜单的实时显示最近一周时间：//显示日期下拉选框for（var i=0;i<7;i++）{$（"#choose1>option:eq（"+i+"）"）.html（GetDateStr（-i））; $（"#choose1>option:eq（"+i+"）"）.attr（"value",GetDateStr（-i））;//该语句为了便于下拉选中的数据的值} //这个是上述的对应函数//以下为日期下拉选择框自动调整func...

内容滑动切换效果jquery.hwSlide.js插件封装

2016年07月28日 14 阅读

经过前两部分的讲解，我们大概知道内容滑动切换的基本开发思路和技巧，现在我们在第三部分将前面两部分的代码进行优化，封装成一个jQuery插件：jquery.hwSlide.js。开发者可以轻松创建各种图片轮播效果、焦点图效果、图文混排滑动效果。下载源码hwSlider具有以下特性：多个参数定制，满足不同项目需求。支持移动端触控滑动。支持图文混排，支持各种html元素。响应式自适应屏幕尺寸。...

jQuery插件Flexslider实现图片轮播、图文结合滑动切换效果

2016年07月28日 14 阅读

Flexslider是一款基于的jQuery内容滚动插件。它能让你轻松的创建内容滚动的效果，具有非常高的可定制性。开发者可以使用Flexslider轻松创建各种图片轮播效果、焦点图效果、图文混排滚动效果。下载源码Flexslider具有以下特性：支持滑动和淡入淡出效果。支持水平、垂直方向滑动。支持键盘方向键控制。支持触控滑动。支持图文混排，支持各种html元素。自适应屏幕尺寸。可控制滑动单元个数。更多选项设置和回调函数。HTML首先在页面head部位载入j...

使用Bootstrap typeahead插件实现搜索框自动补全的方法

2016年07月28日 16 阅读

这就是贴代码的坏处之一：搜索框快被网友玩儿坏了！！！有故意输入空格的，有输入or 1=1的，有alert的，有html乱入的.......而且好像还在玩儿，随他们去吧，只要开心就好。在项目中，经常会用到输入框的自动补全功能，就像百度、淘宝等搜索框一样：当用户输入首字母、关键词时，后台会迅速将与此相关的条目返回并显示到前台，以便用户选择，提升用户体验。当然本项目的补全功能和这些大厂的技术是没有可比性的，但用于站内搜索也是绰绰有余了。接触到的自动补全插件主要有...

使用bootstrap typeahead插件实现输入框自动补全之问题及解决办法

2016年07月28日 13 阅读

根据网上查找到的 typeahead使用方法，到最后一步时就出错，数据能从数据库读取出来，但在输入框显示提示时，全都显为：underfined。捉摸了半天都发现不了问题出在哪儿。后来在http://blog.64cm.com/post/2014/08/13/%E4%BD%BF%E7%94%A8bootstrap-typeahead%E6%8F%92%E4%BB%B6 上不经意发现这么一句话：“在当前版本的typeahead中，已经不再支持在source属性...

Node.js DES加密的简单实现

2016年07月28日 15 阅读

常见的加密算法基本分为这几类，1 :线性散列算法、2：对称性加密算法、3、非对称性加密算法（记记记）线性散列算法（签名算法）：MD5,SHA1,HMAC比如MD5:即Message-Digest Algorithm 5（信息-摘要算法5），用于确保信息传输完整一致。特点：1、压缩性：任意长度的数据，算出的MD5值长度都是固定的。2、容易计算：从原数据计算出MD5值很容易。3、抗修改性：对原数据进行任何改动，哪怕只修改1个字节，所得到的MD5值都有很大区别...

nodejs加密Crypto的实例代码

2016年07月28日 10 阅读

加密技术通常分为两大类：“对称式”和“非对称式”。对称式加密：就是加密和解密使用同一个密钥，通常称之为“Session Key ”这种加密技术在当今被广泛采用，如美国政府所采用的DES加密标准就是一种典型的“对称式”加密法，它的Session Key长度为56bits。非对称式加密：就是加密和解密所使用的不是同一个密钥，通常有两个密钥，称为“公钥”和“私钥”，它们两个必需配对使用，否则不能打开加密文件。加密为系统中经常使用的功能，node自带强大的加密功能...

jQuery on（）方法绑定动态元素的点击事件无响应的解决办法

2016年07月28日 14 阅读

$（"#check_all"）.on（"click" , function（）{alert（1）;}）;$（"#yujinlist"）.append（html）;count++; } 以上代码执行时，点击#check_all时，alert一直没反应，后在网上查资料时，才知道on前面的元素也必须在页面加载的时候就存在于dom里面, 那原话是这样的：支持给动态元素和属性绑定事件的是live和on，其中live在JQUERY 1.7之后就不推荐使用了。现在主要用...

jQuery之简单的表单验证实例

2016年07月28日 16 阅读

html部分：<body><form method="post" action=""><div class="int"><label for="username">用户名:</label><！-- 为每个需要的元素添加required --><input type="text" id="username" class="required" /></div><...

BootStrap学习系列之Bootstrap Typeahead 组件实现百度下拉效果（续）

2016年07月28日 15 阅读

接着上篇的内容，在上篇给大家介绍了Bootstrap学习系列之使用 Bootstrap Typeahead 组件实现百度下拉效果Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。官方：http://twitter.github.io/typeahead.js/示例：http://twitter.github.io/typeahe...

首页 / 脚本样式 / JavaScript

针对BootStrap中tabs控件的美化和完善（推荐）

Bootstrap选项卡与Masonry插件的完美结合

移动端 一个简单易懂的弹出框

JS如何判断json是否为空

jQuery基于ID调用指定iframe页面内的方法

jQuery深拷贝Json对象简单示例

jQuery操作iframe中js函数的方法小结

jQuery+ajax实现实用的点赞插件代码

jQuery获取attr（）与prop（）属性值的方法及区别介绍

深入解析桶排序算法及Node.js上JavaScript的代码实现

jQuery实现下拉菜单（内容为时间）的实时更新及图表的随动更新的方法

内容滑动切换效果jquery.hwSlide.js插件封装

jQuery插件Flexslider实现图片轮播、图文结合滑动切换效果

使用Bootstrap typeahead插件实现搜索框自动补全的方法

使用bootstrap typeahead插件实现输入框自动补全之问题及解决办法

Node.js DES加密的简单实现

nodejs加密Crypto的实例代码

jQuery on（）方法绑定动态元素的点击事件无响应的解决办法

jQuery之简单的表单验证实例

BootStrap学习系列之Bootstrap Typeahead 组件实现百度下拉效果（续）

移动端一个简单易懂的弹出框