本文示例介绍了Bootstrap布局组件应用，分享给大家供大家参考，具体内容如下 字体图标的应用示例下拉菜单示例主题下拉菜单标题选项1选项2 选项3分离的链接按钮工具栏与按钮组Button 1Button 2Button 3Button 4Button 5Button 6Button 7Button 8Button 9按钮下拉菜单默认 功能另一个功能其他分离的链接表单中的输入框组导航（tab标签页）标签式的导航菜单 HomeSVNiOS基本的胶囊式导航菜单 HomeSVN垂直的胶囊式导航菜单 HomeSVN导航栏...
在我平时开发网页的过程中，可能涉及到浏览器本地的存储，现在主流的浏览器存储方式有：cookie，直接读取xml，userData，H5 的LocalStorage等，Cookie存储数据有限，但对于数据量不大的时候操作还是比较方便的。 下面这个例子主要是实现在网页打开的时候弹出一个提示框，但第二次以后刷新网页不在显示提示框，当然可以灵活的设置cookie的时间，控制是否显示提示框。var cookie = {setCookie:function(name,value,iDay){var cookieS...
之前文章中也讲了一下拖拽的基本思想，理论是有了，那实践呢，可以运用到什么地方呢？下面就给大家带来一个用拖拽思想写的一个小实例，供大家参考，大致效果看下图：就是这样一个简单的一个拖拽条，你可以把它理解为滚动条，也可以理解为表单中的数量选择控件，也可以理解为进度条，等等，反正你可以改成很多你想要的效果，废话不多说，我们来看看这个是怎么做的吧！ 想了想，感觉原理就不用说了吧，我在拖拽效果中就已经说的很清楚...
经常在网站别人的网站的注册页中看到一个拖拽验证的效果，就是它的验证码刚开始不出来，而是有一个拖拽的条，你必须将这个拖拽条拖到底，验证码才出来，说了感觉跟没说一样，你还是不理解，好吧，我给个图你看看：这个是在万网的注册页中所截的图，大概的效果就是，当拖动那个拖拽框时，如果拖拽框没有拖到最右边，则拖拽框会移动到初始位置，如果拖动到最右边，则拖拽框显示为对勾，中间的文字也变了，但是我试了一下，他的验证码...
NodeJS是一个服务器端JavaScript解释器，它将改变服务器应该如何工作的概念。它的目标是帮助程序员构建高度可伸缩的应用程序，编写能够处理数万条同时连接到一个（只有一个）物理机的连接代码。Node.js 受益于它的事件驱动和异步的特征，已经很快了。但是，在现代网络中只是快是不行的。如果你打算用 Node.js 开发你的下一个Web 应用的话，那么你就应该无所不用其极，让你的应用更快，异常的快。本文将介绍 10 条，经过检验得知可大...
本次的目的是搭建一个最基础的可以实现功能的NodeJS服务器，能够体现出NodeJS的工作流程以及开发的基本框架。 需求：已经安装了nodejs以及express。 一、构建基础的NodeJS服务器（express、路由）var express = require(‘express'); //引入express模块 var app = express(); //调用express()函数，对函数进行初始化 app.get('/stooges/:name', function(req, res, next){ //设置第一个路由，期待一个name被输入 var name = req....
在一些Javascript库中可以看见这种写法： 代码如下: (function(){ //所有库代码代码 })(); 说实话，对于js初学者的我来说。这个东西太吓人了，在这些JS库中，这个函数基本上把整个库的所有代码全括起来了，这种写法完全超越了我的常识。难道不应该好好的划分一下吗，难道不应该体现出层次和功能划分吗，怎么会一个函数搞定呢。我一开始完全不敢去细想它的道理。直到使用JS一段时间后，某一天一位同事在闲聊时说起了这个问题，我才...
在前端开发必须知道的JS之原型和继承一文中说过下面写篇闭包，加之最近越来越发现需要加强我的闭包应用能力，所以此文不能再拖了。本文讲的是函数闭包，不涉及对象闭包（如用with实现）。如果你觉得我说的有偏差，欢迎拍砖，欢迎指教。一. 闭包的理论 首先必须了解以下几个概念： 执行环境 每调用一个函数时（执行函数时），系统会为该函数创建一个封闭的局部的运行环境，即该函数的执行环境。函数总是在自己的执行环境...
通过网上咨询使用这个选择器便很容易的解决。特此记录一下。 下面是主要的代码 js脚本： 代码如下: $(document).ready( function () { //每隔五行给li加一个样式 $('.article_li li:nth-child(5n)').addClass('liborder'); $('.article_li li:last').addClass('liborder'); } ); html代码： 代码如下: 2010-06-12 08:37:59 物业税:长沙暂不试点物业税:长沙暂不试点 2010-06-12 08:37:59 物业税:长沙暂不试点 201...
但灵活应用CSS会有给人眼前一亮的感觉！ 以下用一个简单的例子来阐述我想说的。 CSS代码： 代码如下: #nav li ul { display:none; } HTML代码： 代码如下: 菜单1 子菜单1 子菜单2 子菜单3 子菜单4 菜单2 子菜单1 子菜单2 子菜单3 子菜单4 子菜单4 效果如下： 需要的效果是： 1、初始时，所有的子菜单都是隐藏的。 2、点击菜单项，相应的子菜单列表显示。 3、再点击， 子菜单隐藏。 半年前的我的做法会是这样：取得...
知识要点： 1，自定义事件custom events及事件的订阅 2，trigger、bind、unbind方法的使用 3，带命名空间的自定义事件 将下面内容粘贴至txt文档后再直接粘贴至firebug的控制台，运行看看。 代码如下: /* JQuery自定义事件的应用-Javascript OO 有一帅哥叫Levin，在某公司前端设计部工作，他的主管是大帅哥A，经理是大美眉B。 领导们希望可以抽空瞄瞄这家伙每周的工作情况，于是。。。 Levin每周一要用google doc写一份关于上周工作...
核心jQuery代码: 代码如下: $(function(){ var _wrap=$(ul.line);//定义滚动区域 var _interval=2000;//定义滚动间隙时间 var _moving;//需要清除的动画 _wrap.hover(function(){ clearInterval(_moving);//当鼠标在滚动区域中时,停止滚动 },function(){ _moving=setInterval(function(){ var _field=_wrap.find(li:first);//此变量不可放置于函数起始处,li:first取值是变化的 var _=_field.height();//取得每次滚动高度(多行滚动...
现在Javascript框架、控件库有很多，jQuery、Ext、prototype、MooTools、Dojo等等，这些都是在Google上搜索“javascript+framework”列在第一页的。其中，除了MooTools，其它的都有所了解，但只在项目中用过Ext和Dojo。但一直不太喜欢Ext，性能有问题，新的版本还收费了。 另外，Ext官方提供的例子都是用JavaScript来创建和初始化控件，一个JavaScript配套一个HTML来用，这样管理起来很混乱。而且官方例子是Best Practice，所以不太...
一开始，我准备去动手，自己修改CSS文件。这被证明是个非常费力不讨好的事情。有一次在jQuery UI的主页【http://jqueryui.com/home】停留的时候，一个单词很快吸引了我的注意：【themeable】，这不就是“可变主题的”的意思吗？于是我进入到【http://jqueryui.com/themeroller/】这里，发现了下图的这个地方，他们官网的人把主题的更换叫做“主题滚轮”（哈哈哈，翻译水平一般，信达雅也不知道满足了多少）。第一个TAB页里说的是【...
因为方便嘛，Jquery已封装JS的setTimeout 和 setInterval 方法，下面看下应用例子： 代码如下: /** * jQuery.timers - Timer abstractions for jQuery * Written by Blair Mitchelmore (blair DOT mitchelmore AT gmail DOT com) * Licensed under the WTFPL (http://sam.zoy.org/wtfpl/). * Date: 2009/10/16 * * @author Blair Mitchelmore * @version 1.2 * **/ jQuery.fn.extend({ everyTime: function(interval, label, fn, ...