input 和 textarea 输入框最大文字限制的jquery插件

2017年02月06日 21 阅读

复制代码 代码如下: /* input 和 textarea 最大文字限定插件 * 修改版, 一个中文表示1一个字, 一个英文半个字; * TextLimit - jQuery plugin for counting and limiting characters for input and textarea fields * * pass "-1" as speed if you don"t want the char-deletion effect. ...

基于jquery的滚动鼠标放大缩小图片效果

2017年02月06日 17 阅读

今天要出个鼠标滚动放大缩小图片的功能，看似很简单，从网上一搜，出现的都是onmousewheel的例子，全部只支持IE浏览器，结果查出火狐有对应的DOMMouseScroll来处理这个功能，代码如下,并加上注意的注释项： 复制代码 代码如下: $（function（）{ $（".body img"）.each（function（）{ if（$.browser.msie）{ $（this）.bind（"mousewheel",function（e）{ var...

能说明你的Javascript技术很烂的五个原因分析

2017年02月06日 22 阅读

它的低学习门槛让很多人都称它为学前脚本语言，它另外一个让人嘲笑的东西是动态语言的概念是偏偏使用了高标准的静态数据类型。其实，你和Javascript都站错了立场，而现在，你让Javascript很生气。这里有五个原因能说明你的Javascript技术很烂。 1. 你没有使用命名空间。 是否还记得在大学里老师告诉你不要在家庭作业里使用全局变量？Javascript里的全局变量的使用方法也不例外。Web网页稍不留神就会变的混乱不堪、到处都是从互联网上各个角落里...

stream.js 一个很小、完全独立的Javascript类库

2017年02月06日 21 阅读

<script src="stream-min.js"></script> 下载 stream.js 2Kb minified streams是什么？ Streams 是一个操作简单的数据结构，很像数组或链接表，但附加了一些非凡的能力。 它们有什么特别之处？ 跟数组不一样，streams是一个有魔法的数据结构。它可以装载无穷多的元素。是的，你没听错。他的这种魔力来自于具有延后（lazily）执行的能力。这简单的术语完全能表明它们可以...

Kibo 用于处理键盘事件的Javascript工具库

2017年02月06日 22 阅读

入门 Kibo不依赖任何东西。你只要把它放到你的HTML代码里就行了： 复制代码 代码如下: <script type="text/javascript" src="kibo.js"></script> 下载 kibo.js 创建一个Kibo对象实例，事件监听器就建立起来了： 复制代码 代码如下: var k = new Kibo（）; Kibo对象的构造器有一个可选参数——你指定的接收事件的HTML元素。可以是input, t...

理解JSON：3分钟课程

2017年02月06日 21 阅读

两个月前你从没听说过JSON 一个月前你听说了这个词但没有留意 一周前你发现这个词被提到多次，开始想，没错 … 又有一些垃圾东西要学了 今天你被心灵深处的一个闹铃闹醒，心想：这该死的json究竟是个什么东西？为什么突然间到处都是它了！ 于是晚上我乘坐了一辆慢腾腾的公交回到家（周五通常都是很慢），然后给自己找了一大堆关于JSON资料。所以我可以文雅的带你进入JSON的大门。这就开始了 …这几个字母是什么意思？JavaScript Object Notatio...

jWiard 基于JQuery的强大的向导控件介绍

2017年02月06日 19 阅读

我就不贴我现在做项目的代码，我直接把作者的示例搬过来，因为改动不大，只要做点修改，就能很好的满足我们自己的需求。原文地址 猛点这里下载作者官网 不过是英文的，英语好的话 可以看原文，生怕我表达错误。不知道童鞋们在平时的开发用到用向导式开发这种方式没有？有人问 什么是向导式开发呢？其实，很简单，就是让用户完成一个步骤，然后点击下一步，完成一个步骤就点击下一步，这样 按照我师父的来说，可以很好的提升用户体验。OK，废话不说了，先来一个最简单的例子：例子1： 1...

js常用代码段收集

2017年02月06日 22 阅读

每段代码前边都有功能注解和参数要求等说明文字，难度不大也就没做更多注释。 为看得清楚，这里依先后顺序做个小目录： 重写window.setTimeout， 理解递归程序的返回规律， 截取长字符串， 取得元素在页面中的绝对位置， 统计、去除重复字符（多种方法实现）， 把有序的数组元素随机打乱（多种方法实现）。 复制代码 代码如下: /* 功能：修改 window.setTimeout，使之可以传递参数和对象参数 （同样可用于setInterval） 使用方法...

js实现双向链表互联网机顶盒实战应用实现

2017年02月06日 22 阅读

上实战代码： linkedlistnode.js 节点类 复制代码 代码如下: /* * 链表节点 */ Dare.LinkedListNode = function （） { this.data = null;//数据域 this.prev = null;//前驱 this.next = null;//后驱 }; Dare.extend（Dare.LinkedListNode, Dare）; Dare.LinkedListNode.prototype.g...

仿猪八戒网左下角的文字滚动效果

2017年02月06日 20 阅读

源码： css: 复制代码 代码如下: *{padding:0;margin:0;font-size:12px;} .do_ta { border: 1px solid #E4E4E4; margin:10px auto; width:170px; } .do_ta .ta_ta { background: url（"http://s.zbjimg.com/p/zbj/css/../img/tafb.gif"） no-repeat; height: 52p...

对setInterval在火狐和chrome切换标签产生奇怪的效果之探索，与解决方案！

2017年02月06日 19 阅读

在上一篇文章： 觉得猪八戒网左下角的文字滚动，效果不错，自己摸索了一下，以自己的方法实现了！就有这种效果，不过影响不大。Demo的影响就大了！网上也有人出现过这样的问题看下面的帖子地址： firefox 6下 setInterval的一个问题讨论的人很多，但没给出答案来。怎么想都想不明白！今天，突然茅塞顿开，可能是线程的概念，但是具体原因还是不明白，希望有人了解其原应告知，非常感激！Demo 中黑色的Div是不受浏览器标签切换影响的而红色的Div会受到影响...

基于jquery的无限级联下拉框js插件

2017年02月06日 22 阅读

灵活性方面考虑了比较多的方面，提供了几个重要的配置方便在各类环境下使用，欢迎各位童鞋使用，源码完全开放。开发这个插件的缘于前段时间维护一个4级级联下拉框被里面200行代码及复杂的结构和bug所郁闷（之所以这么多代码是因为该级联下拉框有时只出现2个或3个），想到这类的需求其实经常都能遇到，jquery里没有这样比较好的插件，索性自己开发个。源代码并不复杂，稍微复杂的地方在第二个插件使用了缓存，造成理解起来十分困难，后面会做些解释。 插件一：适合在不与服务器进...

基于jQuery的输入框在光标位置插入内容, 并选中

2017年02月06日 23 阅读

复制代码 代码如下: // //使用方法 //$（文本域选择器）.insertContent（"插入的内容"）; //$（文本域选择器）.insertContent（"插入的内容"，数值）; //根据数值选中插入文本内容两边的边界, 数值: 0是表示插入文字全部选择，-1表示插入文字两边各少选中一个字符。 // //在光标位置插入内容, 并选中 （function（$） { $.fn.extend（{ insertContent: function（myV...

Json2Template.js 基于jquery的插件 绑定JavaScript对象到Html模板中

2017年02月06日 21 阅读

复制代码 代码如下: $（"#div"）.bindTemplate（{ source : json object, template : null | $（"#template"） | "<div>{{object}}</div>", dateFormat : "d.m.y", tagOpen : "{{", tagClose : "}}" }）; bindTemplate（data） : 绑定数据对象到模板的操作方法 sourc...

分享一个自己写的table表格排序js插件（高效简洁）

2017年02月06日 21 阅读

像:jQuery的table排序插件（感觉其使用比较麻烦或不清楚其具体用法，就没有使用）、原生态js的table排序插件等，最后比较看了下——采用了一个原生态js的table排序插件,并在其基础上做了些修改，虽有些勉强或有些地方使用不太舒服，但最算是比较好的实现了当时需要的功能。而前两天，对原有表格做了点儿修改——增加隔行换色的功能，问题就出现了，——效果错乱；检查分析了下，问题出在其table排序插件代码上——其原代码写的比较难理解，修改还不如重新自己写...

简单的前端js+ajax 购物车框架（入门篇）

2017年02月06日 21 阅读

今天在公司实在没有事做，突然就想到写下商城的购物车的前端框架，当然我这里只有购物车的增删改查，也许写的并不是那么完善，但最重要的是一个入门，也希望js达人给些建议，好让我更上一个台阶。 HOHO~~~开始咯： Js： 复制代码 代码如下: //为了省事，就没写自己的js ajax了 用了jquery的，当然你也可以添加到jquery的扩展方法内,哈哈，我太懒了，所以就写这里了。 var _$ = { AJAX: function （urlparm, d, ...

基于Jquery+Ajax+Json的高效分页实现代码

2017年02月06日 23 阅读

如果说您没用过这些东东的话，我相信看完这篇博文会对您有帮助的，，如果有任何问题不懂或者有bug没问题，欢迎随时联系我， 同时也欢迎高手多给点意见，我不建议在喷子中成长。 本人QQ:364175837 前言 相信很多朋友都用过，Jquery的分页插件，我之前就用的jquery.paper这个,如果有兴趣可以留下QQ，我发份简单的实例源码给您。 该代码是晚上匆忙中完成的，所以没怎么优化，但是主要作为实例来结合这些知识的一个综合运用。好了废话不多说，直接上代码。...

js 弹出菜单/窗口效果

2017年02月06日 22 阅读

是不是应该为弹出菜单提供更好的可访问支持？这篇文章将涉及到3种常见的弹窗： window.open 新建的浏览器窗口 <iframe /> 创建的窗口 页面 DOM 创建的伪弹出窗口：如弹出 tips 等 一、当页面无 JS 的时候 通常来说，无 JS 的情况那就按 HTML 的行为来做事。让链接可以链接，就已经解决。比较简单，我们简单带过： 1. window.open 新建的浏览器窗口：尽量让 JS 触发器绑定在 <a /> 上...

关于图片按比例自适应缩放的js代码

2017年02月06日 22 阅读

如下图。 瞄了一下，居中可以用 text-align:center; 来实现。而按比例缩放，利用预设 <img /> 的 width 、height 属性解决不了。因为用户图片可能是很长的，也可能是很宽的。在线上想了一下他们的关系，按条件来判断是这样的：复制代码 代码如下: if（实际宽度 > 预览最大宽度） { 缩放宽度 = 预览最大宽度 } if（实际高度 > 预览最大高度） { 缩放高度 = 预览最大高度 } 但是这样会有问...

JavaScript Array Flatten 与递归使用介绍

2017年02月06日 20 阅读

如何用 JavaScript 将 [1,2,3,[4,5, [6,7]], [[[8]]]] 这样一个 Array 变成 [1,2,3,4,5, 6,7,8] 呢？传说中的 Array Flatten。 处理这种问题，通常我们会需要递归，来让程序自己按照一种算法去循环。在某书说写着，“递归是一种强大的编程技术”，好吧，她不仅仅属于 JavaScript。递归可以很难，也可以比较简单（总得来说还是比较难）。处理上面这个问题，用递归来解决，应该是比较适合的。之...