time 
设为首页】【收藏本站
当前位置: 主页 > JavaScript > JS共享 > 列表



 
2010-09-20 23:17:12 | 好评(0) | 浏览(1342)
一般的平面效果,通过改变水平和垂直坐标就能实现,再加上深度,就能在视觉上的产生3D(三维)的效果。 程序就是模拟这样一个三维空间,里面的图片会根据三维坐标显示在这个空间。 很久以前就看过一个 3DRoom 效果,是用复杂的计算实现的。 在上一篇 图片变换 研究过cs...
 
2010-07-12 22:59:33 | 好评(0) | 浏览(2888)
【实例演示】 【程序源码】 var T$ = function (id){ return document.getElementById(id);} var $extend = function (des,src){ for ( var p in src){des[p] = src[p]} return des;} var Bubble = function (){ // 小球随机样式 var clss = [ ' ball_one ' , ' ball_t...
 
2010-07-12 22:56:22 | 好评(0) | 浏览(1276)
【实例演示】 你对我人品的评价: 20 40 60 80 100 【程序源码】 这个效果主要体现在CSS和javascript的配合上 CSS代码 ul,li { margin : 0 ; padding : 0 ; border : 0 ; } .shop-rating { height : 25px ; overflow : hidden ; zoom : 1 ; padding : 2px0 ; position :...
 
2010-07-12 22:52:49 | 好评(0) | 浏览(1249)
【实例演示】 【程序源码】 /* * *小球类Ball *param{number}diameter直径 */ var Ball = function (diameter,x,y,vx,vy){ var ball = document.createElement( ' div ' ); var r = Math.floor(Math.random() * 255 ); var g = Math.floor(Math.random() * 255 ); var...
 
2010-07-12 22:51:42 | 好评(0) | 浏览(1551)
【示例演示】 【程序源码】 function T$(i){ return document.getElementById(i);} var math = function (){ var planet = T$( ' planet ' ); xlen = T$( ' content ' ).clientWidth, ylen = T$( ' content ' ).clientHeight, x_posy = ylen / 2 , y_posx = xlen / 2 ,...
 
2010-07-12 22:50:06 | 好评(0) | 浏览(1438)
【程序示例】 【程序源码】 var math = function (){ function T$(i){ return document.getElementById(i);} var xlen = T$( ' content ' ).clientWidth;x_posy = T$( ' content ' ).clientHeight / 2 ,angle = 0 ; function drawSine(amp){ var self = this ; if ( !...
 
2010-07-12 22:49:01 | 好评(0) | 浏览(1735)
这一节将进行KISSY的选择器 selector.js分析. 【程序源码】 J1616.add( ' selector ' , function (J,undefined){ var doc = document, DOM = J.DOM, SPACE = ' ' , ANY = ' * ' , REG_ID = / ^#[\w-]+$ / , REG_QUERY = / ^(?:#([\w-]+))?\s*([\w-]+|\*)?\.?([\w-]+)?$...
 
2010-07-12 22:48:08 | 好评(0) | 浏览(1666)
今天开始就正式进入了DOM文件夹部分. DOMAPI算是比较难搞的部分.KISSY也在不断完善中.所以现在实现的不是很全面.这篇我们主要看下dom.js和dom-class.js dom.js只定义了个命名空间.代码还没有具体实现 J1616.add( ' dom ' , function (J){ J.DOM = { _isElementNode: fu...
 
2010-07-12 22:41:26 | 好评(0) | 浏览(1917)
现在开始分析kissy-ua.js 浏览器检测部分. 源码如下: /* * [email protected] [email protected]@163.com */ J1616.add( ' j1616-ua ' , function (J){ var ua = navigator.userAgent, m, o = { webkit: 0 , chrome: 0 , safari: 0 , gecko: 0 , firefox: 0 , ie: 0...
 
2010-07-12 22:40:31 | 好评(0) | 浏览(1655)
继续分析kissy-lang.js 8.makeArray函数 作用:转化类数组对象为真实的数组. 原理:主要需要处理的就是将NodeList转化成真实的数组. 在非IE浏览器都可以通过Array.prototype.slice.call(NodeList)来直接转换.但IE却不支持. 所以IE下只能降级到普通的方法转换. 测试用例:...
 
2010-07-12 22:39:58 | 好评(0) | 浏览(1375)
今天开始分析kissy-lang.js. 主要是对一些语法的监测处理. 源码如下: /* * [email protected] [email protected]@163.com */ J1616.add( ' j1616.lang ' , function (J,undefined){ var win = window,doc = document,loc = location, AP = Array.prototype, indexO...
 
2010-07-12 22:39:22 | 好评(0) | 浏览(1573)
继续分析kissy.js 6.extend函数 作用: 这个extend函数是kissy框架面向对象的核心.实现了继承机制.kissy的继承使用了 对象冒充 + 原型继承的混合模式. 原理: var OP = Object.prototype, // O方法作用是用一个壳包装函数.让其原型引用到父类的的原型 // 然后将这个原型...
 
2010-07-12 22:35:17 | 好评(0) | 浏览(2322)
今天学习一下核心j1616.js.我这里索性将KISSY的名字都改成自己的J1616. 源码如下: /* * [email protected] [email protected]@163.com */ ( function (win,J,undefined){ if (win[J] === undefined)win[J] = {}; J = win[J]; var doc = win.document, mix = function (r...
 
2010-07-12 22:34:18 | 好评(0) | 浏览(2256)
浮躁的时候总需要找点事情去压制一下自己的恐惧心理.正好赶上淘宝Kissy发展在雏形期,便于分解和学习.就花费一段时间来研究一下Kissy的源码. 那么先让我们看一下目前整个kissy的架构.然后展开来一点点学习. 那么明天我们将进行的是kissy.js的分解学习...
 
2010-07-12 22:29:26 | 好评(0) | 浏览(1167)
【实例演示】 BlueDreamEditor 显示源码 【程序源码】 var editor = function (id,bardata,options){ this .container = co.getId(id); this .bardata = bardata; this .currActive = null ; this .bookmark = null ; co.extend( this , this .setOptions(options)); /...