Javascript
关注
分享
扫一扫
scott.cgi
要么编程，要么被编程，编程是一种超能力
展开
-
MojoJS-Animation：一个超级简洁高效的JS动画引擎，也是一个通用的Tween动画框架
MojoJS-Animation是一个简洁、高效、强大的开源JS动画引擎（Github），其功能和实现有如下特点：支持CSS Style和Transform动画。支持队列和并发动画。支持多个元素的组动画。支持动画延迟执行。支持组动画完成的事件回调（不是单个元素完成回调）。支持可配置的动画链式调用。支持标准和自定义的Tween缓动算法。首先，看两个直观的实现效果，第一个是Tran...原创 2020-01-29 17:48:53 · 1163 阅读 · 0 评论 -
从面向对象角度（非__proto__角度），全面解读——JS中函数与对象、Object与Function、以及原型链与继承
本文，将会抛开__proto__的存在，转而从JS语言面向对象设计的层面，去全面解读函数与对象、Object与Function、以及原型链与继承。主题目录如下：类与对象的概念JS中的对象JS中的objectJS中的函数JS中的函数与objectJS中的对象与native codeJS函数的newJS函数的prototypeJS内置函数的命名JS中的原型链JS中的继承JS...原创 2019-09-30 20:02:34 · 387 阅读 · 0 评论 -
IE和ff的js设置主页和添加收藏夹
function addCookie(pageURL,pageNAME){ if (document.all) { window.external.addFavorite(pageURL,pageNAME); } else if (window.sidebar) { window.sidebar.addPanel(pa原创 2009-03-31 23:03:00 · 1245 阅读 · 0 评论 -
Ext grid.RowEditor的使用
Ext grid.RowEditor的使用原创 2010-12-28 17:13:00 · 3339 阅读 · 3 评论 -
javascript中的Function和Object
在javascript中所有的对象都继承自Object原型，而Function又充当了对象的构造器，那么Funtion和Object到底有着什麽样的关系呢 ？ 首先，一切都是对象。alert(Object instanceof Object); // truealert(Function instanceof Object);// true alert(Object inst原创 2010-02-22 13:45:00 · 4142 阅读 · 1 评论 -
javascript流畅动画效果，包括颜色,style属性,dom元素属性一步搞定
javascript的动画效果一般体现在HTMLElement元素的3个属性上:style对象的属性,如height,width,marginLeft等等由于颜色的拐藻形式,如#eee，#ffffff,rgb(0,0,0)还有名字还百分比的我都不想提了,所以算然颜色也是style的属性但单独领出来。又称颜色梯度渐变。就是HTMLElement的一些view properties，原创 2009-11-07 15:52:00 · 1430 阅读 · 0 评论 -
javascript流畅动画
浏览器目前来说是没有抗锯齿效果的(将来不一定哦)，这样dom元素外观的改变就被限制在1个像素为最佳效果。当然考虑到浏览器(特别指IE)糟糕的js执行能力，动画效果又要受到影响。 浏览器中的动画效果主要依靠js来动态改变Dom元素外观来形成。不过据说css正在修炼这方面的能力哦。(拭目以待^_^)我们需要周期性的改变dom元素的外观，这个周期性就要依靠setTimeout()和set原创 2009-09-07 17:59:00 · 1354 阅读 · 1 评论 -
ext grid filter和java后台的整合使用
首先Ext的grid2.2版本好像在ie下图片格式不正确,主要是css样式表的问题,换成ext.2.1.css的就行了。 官方的例子在这里:http://extjs.com/deploy/dev/examples/grid-filtering/grid-filter.html 过滤的时候传回去的参数是这个样子的: dir ASCfilter[0][data][com原创 2009-05-01 21:59:00 · 2160 阅读 · 0 评论 -
像Gmail一样的loadingMessage style
从dwr上搞下来改的，dwr从Gmail上搞下来的，呵呵～大家都在抄哦... 文字版 var myLoadingMessage = function() { var loadingMessage = "Loading"; var disabledZone = document.getElementById(disabledZone); var init原创 2008-12-11 00:19:00 · 957 阅读 · 0 评论 -
ext异步加载树
/** * @author Scott.wanglei * 组织结构树 页面需要id为orgTree-div的DIV * 需要orgTree.render();才能呈现在页面(DOM就绪后) */var OrgTree = function(){ var orgTree = new Ext.tree.TreePanel({ el: orgTree-div, u原创 2008-12-07 20:58:00 · 1524 阅读 · 0 评论 -
yui-tree动态加载树
/** * 依赖以下文件 * * * *右键菜单样式需要在body标签添加class="yui-skin-sam" * * * * * * * * * */(function(){ var tree, currentIconMode=0,tempNode; //Map of YAHOO.widget.TextNode instances var oTextNodeMap = {原创 2008-09-25 09:44:00 · 3529 阅读 · 1 评论 -
yui-tree刷新节点时候的从新异步更新
//oCurrentTextNode当前节点//tree当前树function refresh(){ if(oCurrentTextNode.children.length){ tree.removeChildren(oCurrentTextNode); var t=setInterval(原创 2008-09-23 13:31:00 · 1139 阅读 · 0 评论 -
让Yui-tree有ext一样的expand和collapse的animation
修改treeview.js 添加以下代码：var ecIsAnim=false;//防止高频率点击节点造成的错误YAHOO.widget.SlidUp = function(el, callback) { this.el = el; this.callback = callback;};YAHOO.widget.SlidUp.prototype = { animate: func原创 2008-09-18 00:21:00 · 1703 阅读 · 0 评论