基于mootools插件实现遮罩层新手引导

2016年07月27日 5 阅读

插件代码 复制代码 代码如下: /* --- name: UserGuider authors: - Garland Yang requires: [Core/Class, Core/Element.Style, Core/Element.Event, Core/Element.Dimensions] version: - 1.0 ... */ var UserGuider = new Class（{ Implements: [Options, Event...

nodejs win7下安装方法

2016年07月27日 8 阅读

这里只是纯粹的搭建，连环境都没有，还玩什么服务器端js，一切都成了浮云，让我们先搭建一个环境，输入一个“hello world”的页面。 对的，win7下的搭建，你只需一步一步跟着我做，就ok了，不用去了解过多的细节，那不是我们现在要关心的，我们现在首要目的是把环境搭建好，要不然就没有下一步了。 Step 1. 下载 node.js在windows下是要安装在Cygwin下的，去Cygwin网站下载Cygwin安装程序。 Cygwin网站：http://c...

Javascript的常规数组和关联数组对比小结

2016年07月27日 5 阅读

首先我们看看数组的分类： 从数组的下标分为索引数组、关联数组 复制代码 代码如下: /* 索引数组，即通常情况下所说的数组 */ var ary1 = [1,3,5,8]; //按索引去取数组元素，从0开始（当然某些语言实现从1开始），索引实际上就是序数，一个整型数字 ary1[0]; ary1[1]; ary1[2]; ary1[3]; /* 关联数组，指以非序数类型为下标来存取的数组 python中称为字典 */ var ary2 = {}; //存取...

幻灯片带网页设计中的20个奇妙应用示例小结

2016年07月27日 5 阅读

下面这些网站使用了各种各样的幻灯片效果，一起体验一下。大家如果想实现精美的 jQuery 幻灯片效果，可以参考这篇文章：60款很酷的 jQuery 幻灯片演示和下载。 x-doria Pure Pleasure Design neve / hawk Hufton + Crow Atelier rdio Olly Sorsby Studio Chirpy Aveillant Level Planoform The Kitchen The Barrelhous...

很酷的60款jQuery 幻灯片演示和下载

2016年07月27日 5 阅读

Cloud Carousel（演示|下载）ShineTime（演示|下载）Nivo Slider（演示|下载）Interactive Photo Desk（演示|下载）Beautiful Photo Stack Gallery with jQuery and CSS3（演示|下载）Micro Image Gallery: A jQuery Plugin（演示|下载）Minimalistic Slideshow Gallery with jQuery（演示|...

基于jquery的放大镜效果

2016年07月27日 5 阅读

核心代码: 复制代码 代码如下: $（function（）{ var mouseX = 0; //鼠标移动的位置X var mouseY = 0; //鼠标移动的位置Y var maxLeft = 0; //最右边 var maxTop = 0; //最下边 var markLeft = 0; //放大镜移动的左部距离 var markTop = 0; //放大镜移动的顶部距离 var perX = 0; //移动的X百分比 var perY = 0; /...

基于jQuery的倒计时实现代码

2016年07月27日 5 阅读

在线演示：http://demo.jb51.net/js/2012/mydaojishi/打包下载：mydaojishi_jb51核心代码：复制代码 代码如下: $（function（）{ var tYear = ""; //输入的年份 var tMonth = ""; //输入的月份 var tDate = ""; //输入的日期 var iRemain = ""; //开始和结束之间相差的毫秒数 var sDate = ""; //倒计的天数 var ...

基于jquery的文本框与autocomplete结合使用（asp.net+json）

2016年07月27日 5 阅读

JS脚本引用 复制代码 代码如下: <script src="/scripts/Jquery.autocomplete/jquery.autocomplete.js" type="text/javascript"></script> 样式引用 复制代码 代码如下: <style type="text/css" media="all"> @import url（"/scripts/Jquery.autocomplete/...

基于jquery的鼠标拖动效果代码

2016年07月27日 5 阅读

记得在之前的一个"拖动层"的随笔中，我实现拖动，是用的一个布尔变量,判断是否可以拖动某元素。 这两天看了一些东西，发现不需要设这个布尔变量; 实现过程： 按下鼠标的时候，给文档对象（当然也可以是别的DOM对象）的移动事件绑定一个处理函数，同时也给鼠标抬起时绑定一个解除的处理函数。 复制代码 代码如下: //按下鼠标并移动时（拖动），调用的函数； function startSelection（event）{ …… } //解除移动时的处理函数； funct...

Chosen 基于jquery的选择框插件使用方法

2016年07月27日 5 阅读

Chosen插件下载地址 http://www.jb51.net/jiaoben/38027.html复制代码 代码如下: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <script src="chosen/chosen.jquery.js" typ...

使用jQuery Ajax功能时需要注意的一个问题（内存溢出）

2016年07月27日 5 阅读

最近一哥们在做一个Ajax长连接的项目，页面需要和服务器保持长连接，而且在连接超时后需要重新请求连接，过程中他问我要用到什么，我也是想都没想就告诉他用jQuery。jQuery不是有ajaxSuccess ajaxError这些对象吗，在请求完成或者请求失败后重新请求不就好了。 但是后来他告诉我说没有用 jQuery，自己手工写的XMLhttprequest 。他告诉我说，开始是用jquery写的，而且在测试过程中也没有出现问题。但是在后来无意中发现，在页...

javascript 快速排序函数代码

2016年07月27日 5 阅读

核心代码： 复制代码 代码如下: function quickSort（arr）{ //如果数组只有一个数，就直接返回； if（arr.length<1）{ return arr; } //找到中间的那个数的索引值；如果是浮点数，就向下取整 var centerIndex = Math.floor（arr.length/2）; //根据这个中间的数的索引值，找到这个数的值； var centerNum = arr.splice（centerIndex...

从阶乘函数对比Javascript和C#的异同

2016年07月27日 6 阅读

JavaScript代码块 复制代码 代码如下: <script type="text/javascript"> function factorial（num） { if （num <= 1） { return 1; } else { return num * arguments.callee（num - 1）; } } var trueFactorial = factorial; factorial...

jQuery 联动日历实现代码

2016年07月27日 5 阅读

来看下效果图 一、先来说下功能： 1.点击“确定”显示日历 2。再次点击隐藏，或从DOM中删除这个日历。如些反复第一，和第二这两步。 3.让日历中显示当前月份日期（多少天，每天是多少号）。 4.让当前月份的日期和星期几对应. 5.让左边两边的日历关联起来。 二、再来说下HTML结构。 1.上面蓝色的是一个DIV，显示当前月分，和上月，下月。 2.下面的日期和星期，是用一个table结构存放数据。星期用thead,日期用：tbody存放。 三、功能展开分析：...

javascript的console.log（）用法小结

2016年07月27日 5 阅读

console.log 原先是 Firefox 的“专利”，严格说是安装了 Firebugs 之后的 Firefox 所独有的调试“绝招”。 这一招，IE8 学会了，不过用起来比 Firebugs 麻烦，只有在开启调试窗口（F12）的时候，console.log 才能出结果，不然就报错。 今天看到 Opera 也有个叫 dragonfly 的东东，用这东西查看 DOM，已经可以和 Firebug 媲美，然而还是不能用 console.log。于是有人就提供...

一行代码告别document.getElementById

2016年07月27日 5 阅读

所以绝大多数的脚本里，都是直接通过元素的id来访问DOM的。 后来随着各种浏览器接踵而至，逐渐的替代了ie。为了保证各路门派统一规则，标准化越来越被重视。当初那种直接访问id的方法，逐渐被document.getElementById所替代。如果这年头还在用id访问元素，要么就是做程序里的内嵌网页，要么就是像铁道部那样的超境界仿古网站：） 当然只要保证你的用户都是用ie访问，这样的非标准也但用无妨。 然而，很多第三方浏览器刚出来的时候，...

javascript中获取下个月一号，是星期几

2016年07月27日 5 阅读

复制代码 代码如下: var odatef = new Date（）; odatef.setFullYear（2012）; odatef.setMonth（5） odatef.setDate（1）; fday = ordatef.getDay（）; 如果今天是5月30日，通过上面的代码，我应该是获取到下个月，即6月1日是星期几？并赋值给变量fday; 果然，我可以正确获取到; 过程是： 1.执行这句 odatef.setFullYear（2012）; ...

Javascript数组的排序 sort（）方法和reverse（）方法

2016年07月27日 7 阅读

其中： 1.JavaScript的sort（）中如果没有指定比较函数，则默认会按照字符的编码顺序进行升序排序。也就是说如果我们想要对数值进行排序得到的不一定是我们想要的结果。 2.Javascript的reverse（）将数组中的元素逆序。 先看看上面的第一点，如果有一个数组arr=[1,6,3,7,9]，使用arr.sort（）后，数组的顺序为1,3,6,7,9，得到了我们想要的结果。 再看看下面的一个数组排序：arr=[3,1,16,34,30],如果...

Javascript创建自定义对象 创建Object实例添加属性和方法

2016年07月27日 5 阅读

如下所示： 复制代码 代码如下: var person = new Object（）; person.name = "Nicholas"; person.age = "29" person.job = "Software Engineer"; person.sayName = function （） { alert（this.name）; }; person.sayName（）;上面的例子创建了一个名为person的对象，并为它添加了三个属性（name、...

Javascript 页面模板化很多人没有使用过的方法

2016年07月27日 5 阅读

从前的方式——我估计也是大多数人使用的方式 比如以下的代码——摘自新浪首页的一段js代码，这种方式也是大多数人使用的方式。 上面的代码，你看完有什么反应？你也许会把+=这种形式改成数组的push形式，有人说push比这种字符链接要快，但是也快不了多少。 如果这种嵌入的html代码很多，你也要这样处理吗？如果修改（添加或者删除）某个html，那么你就要不断的翻代码，找对应的标签，然后在找结束标签，你不觉得麻烦吗？也许有人会这样写（这个是我早期写的，也是我最惯...