![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javaScript
enix2212
这个作者很懒,什么都没留下…
展开
-
可以跳动的手风琴 Accordion
[code="javaScript"]无标题文档*{ padding: 0; margin:0 ;}#moduleAccordion h3 { line-height: 30px; height: 30px; background-color: #eee; overflow: hidden; border: 1px dashed #CCC; box-shadow...原创 2011-04-13 15:02:36 · 87 阅读 · 0 评论 -
javascript new 关键字的运行原理
[code="js"]function javascriptNew(t){ a=Object.call(null,t); a.__proto__=Object.prototype.toString.call(a).split(' ')[0].prototype; return a;}var d=javascriptNew('123 3');console.log(typeo...原创 2011-04-06 17:33:17 · 227 阅读 · 0 评论 -
选项卡
[code="xhtml"]无标题文档 1 2 3 4 a b c dfunction Tab(d){if(!(this instanceof arguments.callee)){return new arguments.callee(d)}var a,c,b;(c=doc...2011-08-12 17:36:27 · 73 阅读 · 0 评论 -
javascript1.7新语法
[b]1.yield 关键字[/b]Yield的作用与return 差不多,都会返回一个结果。但是return会跳出函数,yield可以多次使用直到运算不能进行。(Yield也是一个c#的关键字)。 [b]2.生成器Generators [/b]当一个函数使用yield指定返回值时,可以把他当做生成器来使用。如果调用了包含yield函数则会得到一个生成器的实例。每次调用生成器实例的...2011-12-13 18:30:56 · 144 阅读 · 0 评论 -
[Javascript]单例模式(singleton )
Javascript中大家都很习惯用new运算符创建实例。现在看看另外一种创建实例的方法------单例模式。单例模式的意思就是只有一个实例。单例模式确保某一个类只有一个实例,而且自行实例化并向整个系统提供这个实例。 单例模式的特点有:1,该类只有一个实例2,该类自行创建该实例(在该类内部创建自身的实例对象)3,向整个系统公开这个实例接口 。 下面我们分析一下实现的可行性...2011-12-16 15:23:11 · 102 阅读 · 0 评论 -
jQuery创建实例与原型继承揭秘
在普通情况下我们要用原生类、或者自定义类创建实例要用new运算符,使构造函数创建一个实例,并且实例继承构造器prototype上的所有共有方法。如 new Object()、new Date()等等!(object有{},数组有[]这样的快捷方式 ,我们主要探讨new这种方式。) 我们在使用jQuery时从来没有使用过new,他是不是用其他方法来生成实例呢?是不是没有使用p...2011-12-20 23:57:58 · 101 阅读 · 0 评论 -
避免悲剧 密码生成器
最近被暴库的很多,密码安全成为重大问题!如何避免简单密码呢?还在冥思苦想密码?no我为大家准备了一个密码生成工具,有0-9和a-k的英文字母组成,数字是乱序排列。字母随机一个替换掉一个数字,生成一个长度为10的密码。[code="java"] void function(window,doc,undefined){ ...原创 2011-12-22 15:35:17 · 105 阅读 · 0 评论 -
[javascript]9宫格拖拽拼图游戏 puzzle
1.跨浏览器,主流浏览器都可以运行2.纯javascript开发。3.配置实用方便。4.二次开发简单,易用。传送门 在线试玩成品预览,见附近 用一张图片用坐标的方式生成拼图单元格,类似css sprite。大致思路是,每个单元格有对应的两个索引,由数据驱动显示。创建实例时吧0-9乱序排列,每个单元格对应两个索引,一个是真实所在位置的索引,一个是记录现在位置的索引。拖动图片的时调整记录现在位置的索...原创 2012-04-29 09:51:37 · 441 阅读 · 0 评论 -
ECMAScript.js2
package {public native function eval(x:Object):Object;public native function parseInt(string:String, radix:int = 10):Number;public native function parseFloat(string:String):Number;public nativ...原创 2011-11-07 11:18:35 · 109 阅读 · 0 评论 -
duffsDevice 高速版
[code="javaScript"]function duffsDevice(items, fn) { if ('function' !== typeof(fn)) return; var iterations = items.length % 8, i = items.length - 1,callback = fn; while (iterations) { c...原创 2011-11-25 17:21:36 · 246 阅读 · 0 评论 -
仅限正整数输入
修正了拖拽文本进输入框问题 2011.11.14[code="javaScript"] 仅限正整数输入 //void function (window,undefined){ window.onload = function() { var doc = document,list = doc....2011-10-27 15:35:18 · 99 阅读 · 0 评论 -
scroll base
开发版,水平方向已完成,垂直方向没测,可以跨浏览,滚动多个当前元素索引有问题[code="xhtml"]无标题文档* { padding:0; margin:0;}#scroll { width: 212px; overflow: hidden; margin-left: 100px; }#container { height: 100px; overflo...2011-08-04 14:25:52 · 78 阅读 · 0 评论 -
让函数有记忆能力
[code="javascript"]function addEvent(elem,evType,fn,userCapture){ var indicator=arguments.callee; if(elem.addEventListener){ indicator=function(){ elem.addEventListener(evType,fn,userCapt...2011-04-28 15:34:19 · 102 阅读 · 0 评论 -
核心只要两行即可实现添加或移除className
[code="html"]1111111[/code]改进版 只有一行[code="java"]function removeClass(value){ var kls,reg=1>0 &&(kls=this.className,reg=new RegExp('(^| )'+value+'( |$)'),reg.test(this.className) &&...2011-04-29 11:10:05 · 77 阅读 · 0 评论 -
跨浏览器可8方向拖拽剪裁框
[code="xhtml"]Untitled Document* { padding:0; margin:0; }body { overflow: hidden; height:800px; }#clipArea { width :100px; height:100px; border: dashed 1px #ccc; position: absolute; ...2011-08-15 20:01:07 · 89 阅读 · 0 评论 -
Another JavaScript quiz
测试题来自《Another JavaScript quiz》Posted in 'JavaScript' by James on April 27th, 2010共25道题,测试内容包括运算符,表达式,语句,javascript语言特性,JSON语法,数组,正则等。大家可以测一测自己在这方面知识掌握的程度。在题后有我参考原博主文章和评论的题目解析,大家竞相拍砖,转载请注明。The ...原创 2011-08-19 18:34:36 · 116 阅读 · 0 评论 -
fade方法
[code="js"]function fadeOut(steps){ doFade.call(this,steps/10,1,false); }; function fadeIn(steps){ doFade.call(this,steps/10,0,true); }; function doFade(steps,value,acti...2011-05-27 10:12:52 · 397 阅读 · 0 评论 -
写个fade练下手
[code="javascript"]testfunction Fade(type,delay,callback){ var it=delay || 10 ,time,a=0,b=100,that=this; function set(i){ this.style.filter ="alpha(opacity=" + i + ")"; ...2011-02-18 01:31:45 · 85 阅读 · 0 评论 -
很棒的时间线控件
原生态javascript,希望大家能喜欢[code="javascript"]function Gametimeline(){var c=document,a=arguments.callee,b=this;b.parent=c.getElementById("GameModuleTimeline"),b.hand=c.getElementById("GametimelineHandle...2011-06-24 18:52:27 · 112 阅读 · 0 评论 -
Animate Baseclass
[size=xx-large][b][color=orange]以下代码仅供参考,请下载附件代码,应该是文本编辑器过滤掉了某些字符导致不能运行。[/color][/b][/size][code="xhtml"]Animate Baseclass#square { background: #eee; height: 120px; width: 120px; bor...2011-07-12 15:47:41 · 82 阅读 · 0 评论 -
拖拽排序列表单例
[code="html"]sortlistol{ list-style: url(none) none; }li{ width: 200px; height: 30px; margin-bottom: 5px; color: #000; text-indent: 25px; font: bold 14px/30px Arial, Helvetica, sans-se...2011-07-27 11:17:32 · 108 阅读 · 0 评论 -
javascript undo redo
在浏览器中用调试工具看调用结果[code="javascript"] javascript /*function a() { Do([].slice.call(arguments)); } function Do() { var temp = (arguments[0]),indicator = argument...原创 2011-12-09 10:55:21 · 610 阅读 · 0 评论