【js实现头像图片切割缩放及无刷新上传图片的方法_javascript技巧】教程文章相关的互联网学习教程文章

实现表格中行点击时的渐扩效果!_javascript技巧

曾经在一个flash RIA站点上看到这种效果,视觉效果真不错。flash开发者大概也以此来表明,flash做的应用程序,在动态效果上要优于js(个人观点)。后来我在做bmail的时候,用gif动画作为背景,基本实现了这一功能,但总是感到不太完美。这次的做法是用滤镜,视觉上比较平滑,还省了图片下载的麻烦。 #tbList th{text-align:left;padding-left:20;border:1px solid white;border-right:1px solid #7994BF;border-bottom:1px solid #...

枚举JavaScript对象的函数_javascript技巧【图】

From: JavaEye.com 枚举JavaScript对象的函数: function iterator(obj) { for (var property in obj) { document.writeln("" + property + " : " + obj[property] + ""); } } 一个简单示例(test.js): function Employee () { this.name = ""; this.dept = "general"; } function Manager() { this.reports = []; } Manager.prototype = new Employee(); function WorkerBee() { this.projects = []; } WorkerBee.prot...

JavaScript使用prototype定义对象类型(转)[_javascript技巧【图】

From: JavaEye.comprototype提供了一套JavaScript面向对象基础设施,我们可以使用它来进行面向对象编程,定义对象类型方式如下: var Person = Class.create();Person.prototype = { initialize : function(name, age) { this.name = name; this.age = age; }, toString : function() { document.writeln("[name]:"+this.name+""+"[age]:"+this.age); }}先使用Class.create()来创建一个对象类型,然后定义该对象类型,注意initial...

人民币数字转换成大写形式_javascript技巧

运用了正则表达式的功能,除了可以正确的转换成人民币的大写形式以外,还可以判断输入的形式是否正确有效。 将人民币数字转换成大写形式 function convertCurrency(currencyDigits) { // Constants: var MAXIMUM_NUMBER = 99999999999.99; // Predefine the radix characters and currency symbols for output: var CN_ZERO = "零"; var CN_ONE = "壹"; var CN_TWO = "贰"; var CN_THREE = "叁"; var CN_FOUR = "肆...

用javascript获取地址栏参数_javascript技巧【图】

方法一: function Request(strName){ var strHref = "www.cnlei.org/index.htm?a=aaa&b=bbb&c=ccc"; var intPos = strHref.indexOf("?"); var strRight = strHref.substr(intPos + 1); var arrTmp = strRight.split("&"); for(var i = 0; i var arrTemp = arrTmp[i].split("="); if(arrTemp[0].toUpperCase() == strName.toUpperCase()) return arrTemp[1]; } return ""; } alert(Request("a")); alert(Requ...

使用脚本控制网页Table的显示隐藏(全代码)_AX_javascript技巧

【需求】 如果大家登录过 我傲:http://www.woall.com 新浪博客等 就会发现可以点击栏目标题,就会发现栏目可以展开和收起,非常好用!其实这个功能实现起来很简单.重点就是要找到要隐藏的Table行,对它的display属性进行控制. 强烈建议大家登录:http://www.woall.com亲身体验一下! 【另】帖子里网址怎么加链接啊??? 【源码】使用方法:把文件考下来,保存为htm类型的文件即可! 无标题文档 你点我啊!! AXzhz制作 [Ctrl+A 全...

拖动Html元素集合DragandDropanyitem_javascript技巧

li { MARGIN-BOTTOM: 10px } ul { MARGIN-TOP: 5px } .DragContainer { BORDER-RIGHT: #669999 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #669999 2px solid; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 3px; BORDER-LEFT: #669999 2px solid; WIDTH: 100px; PADDING-TOP: 5px; BORDER-BOTTOM: #669999 2px solid } .OverDragContainer { BORDER-RIGHT: #669999 2px solid; PADDING-RIGHT: 5px; BO...

用js+xml自动生成表格的东西_javascript技巧【图】

代码如下: 无标题文档 function loadXML(handler) { var url = "employees.xml"; if(document.implementation&&document.implementation.createDocument) { var xmldoc = document.implementation.createDocument("", "", null); xmldoc.onload = handler(xmldoc, url); xmldoc.load(url); } else if(window.ActiveXObject) { var xmldoc = new ActiveXObject("Microsoft.XML...

在table中插入多行,能使用与insertAdjacentHTML相似的功能吗?_javascript技巧

对于div等元素来说,插入一段html是很容易的事情,但是对于表格来说就太难了。一般情况下,我们都是用appendChild的方式,一行行、一格格地添加,操作起来很繁锁。能不能拼一串字符,就能直接加入到表格中呢?   下面的例子实现了这个功能,同样地,该例支持IE和firefox。该功能的实现意义重大,这样页面元素的处理,就全部都能够用拼html字串的方法来实现了。 1 插入行 function run(){ insTable(document.getElementById("tb1"...

拖动一个HTML元素_javascript技巧【图】

var iMouseDown = false; var dragObject = null; Number.prototype.NaN0=function(){return isNaN(this)?0:this;} // Demo 0 variables var DragDrops = []; var curTarget = null; var lastTarget = null; function makeDraggable(item){ if(!item) return; item.onmousedown = function(ev){ dragObject = this; mouseOffset = getMouseOffset(this, ev); return false; } } function getMouseOffset(target,...

获取Javscript执行函数名称的方法_javascript技巧【图】

From: http://blog.iecn.net/zmm function getFuncName(_callee) { var _text = _callee.toString(); var _scriptArr = document.scripts; for (var i=0; i var _start = _scriptArr[i].text.indexOf(_text); if (_start != -1) { if (/^function\s*\(.*\).*\r\n/.test(_text)) { var _tempArr = _scriptArr[i].text.substr(0, _start).split('\r\n'); return _tempArr[_tempArr.length - 1].replace(/(var)|(\s*)/g, '').replace...

在IE下:float属性会影响offsetTop的取值_javascript技巧【图】

因需要定位某个HTML元素(例如:div)距离页顶的高度,想用offsetTop来取值,结果却发现CSS中如果使用了float:left;之类的写法后,竟然会导致取到的值不一样。 没有使用float:left;取的到值是正常值200; Float对offsetTop的影响 body {margin:0;padding:0;} #Top {height:100px;} #Main {padding:100px;} #IECN {width:200px;height:50px;background:#f00;color:#fff;} function ShowIt(o) { alert(o.offsetTop); } #...

Javascript开发包大全整理_javascript技巧

Prototype Prototype is a JavaScript framework that aims to ease development of dynamic web applications. Homepage: http://prototype.conio.net Documentation:http://blogs.ebusiness-apps.com/jordan/pages/Prototype%20Library%20Info.htmhttp://www.sergiopereira.com/articles/prototype.js.htmlhttp://wiki.script.aculo.us/scriptaculous/show/Prototype Rico Rico provides a very simple interface for registerin...

Javascript直接定义对象实例[_javascript技巧

From: JavaEye.com JavaScript可以不必定义对象类别而直接定义对象实例: var person = { name : "", age : 0, toString: function() { document.writeln("[name]:"+this.name+""+"[age]:"+this.age); } } 完整的HTML例子: JavaScript var person = { name : "", age : 0, toString: function() { document.writeln("[name]:"+this.name+" "+"[age]:"+this.age); } } person.name="robbin"; person.age=30; pers...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部