Javascript 动态表格 Grid 更新记录

dTable动态表格更新记录。

点击查看演示效果

1.对行事件的处理进行了修改和完善。由对每一个tr对象进行事件注册改为事件委托

2.对功能菜单按钮和上下文菜单选项进行了枚举化。避免不必要的错误。

3.对整体的性能进行微调。 继续阅读 »

转载请注明原文出处《Javascript 动态表格 Grid 更新记录》 如无特别声明,所有文章均遵守创作共用 署名-非商业-禁止演绎 3.0协议。

IE下各种CSS问题汇总与解决方法

想必列位做前端的同学肯定被IE下面各种各样的小问题搞得头晕脑胀的吧。页面兼容确实是让人比较头大的事,而且IE的地位又如此重要,脾性有如此的古怪,只要搞定了它我们就没啥好怕的啦:P今天干脆就把这些常见常用问题以及解决方法汇集一下,主要是为了方便以后使用。本篇文章会不定时更新。

1.问题描述:
button类型的input标签Value值的text-indent样式在IE6/IE7下面不起作用。
参考解决方法:
font-size:0;line-height:0;
将字体大小和行高设置为0。

2.问题描述:
IE6下如果一个元素包含position:relative;的元素那么这个元素的overflow:hidden;会失效。
参考解决方法:
将这个元素的position也设置为relative,或者将包含的position值为relative元素的position值改为static。

3.问题描述
IE6,IE7下,使用document.createElement()方法创建对象后,对对象进行设置class的Attribute后样式不起作用。例如:
var node = document.createElement(‘div’);
node.setAttribute(‘class’,’my_style’);
这段代码在IE6和IE7中运行后样式表不起作用。IE8,FireFox等则没有这个问题。
参考解决办法:
使用“.”语法进行设置,例如:
var node = document.createElement(‘div’);
node.className = ‘my_style’;

4.问题描述

IE6下,如果父容器的position为relative,内部的元素会出现背景显示不正常的问题,内部添加zoom或者position:relative;可解决。但是如果添加zoom或者position会引起元素的不正常显示,谨慎使用。

转载请注明原文出处《IE下各种CSS问题汇总与解决方法》 如无特别声明,所有文章均遵守创作共用 署名-非商业-禁止演绎 3.0协议。

数字家庭平台引导登录页效果图

引导登录页效果图

引导登录页效果图

引导登录页效果图

引导登录页效果图

转载请注明原文出处《数字家庭平台引导登录页效果图》 如无特别声明,所有文章均遵守创作共用 署名-非商业-禁止演绎 3.0协议。

Javascript中继承的实现与问题

继承是我们在实现面向对象编程的时候很重要的一个手段。虽然我们讲不能过度继承,多利用组合代替继承,但是继承总是免不了的。这里要讨论的就是Javascript中的继承机制

Javascript中实际上是没有继承的概念的,但是我们可以通过一些手段来模仿实现它。这种继承实际上把一个对象复制到另外一个对象内部。你需要注意的是所有的本地类和宿主类是不能作为基类被继承的,主要是为了安全方面的考虑。

Javascript中的继承大约有三类:1.对象冒充;2.原型继承;3.二者的混合继续阅读 »

转载请注明原文出处《Javascript中继承的实现与问题》 如无特别声明,所有文章均遵守创作共用 署名-非商业-禁止演绎 3.0协议。

Javascript以面向对象的思路实现可切换的页面控件

本篇文章的主要目的是使用Javascript面向对象的思想从另外一个角度去实现一系列页面控件

首先声明一下:

1.如果你只是想要一个完善的js代码,让你可以套用到自己的页面并立即实现你想要的效果,为了节省你的时间,请绕过。

2.如果你想看一篇手把手的给你实现一个标签页效果或者轮换图片的效果,那么请路过。

3.如果你喜欢Javascript这个语言,想一起思考一些更深入的东西,请继续阅读并希望你不吝赐教。

点击查看演示效果(Demo比较粗糙,兼容IE6+,FX3.5+) 继续阅读 »

转载请注明原文出处《Javascript以面向对象的思路实现可切换的页面控件》 如无特别声明,所有文章均遵守创作共用 署名-非商业-禁止演绎 3.0协议。

Javascript动画工具mo对象更新记录

    o

  1. 修正了changeColor()方法的错误,多次快速触发颜色变化方法是不会再发生同时触发slideUp()方法。
  2. o

  3. 修正了透明度改变动画在IE下的的错误。透明度值可以进行连续变化。
  4. o

  5. 修正了初始化函数的部分内容。
  6. o

  7. 添加了时间控制参数,可以采用数字或mo本身提供的类似枚举变量。
  1. mo(target).animate({opacity:'0.4'},mo.fast);
  2.  
  3. mo(target).animate({opacity:'0.4'},40);

mo对象提供三个值分别为mo.fast,mo.normal,mo.slow。注意这里的的时间值为帧数而不是时间值,可以通过简单的换算来得到时间值,例如40帧,对应10mspf,持续时间应该为400ms。

本工具主要用于学习,效率方面可能会存在某些问题,下一步会考虑在动画执行效率方面进一步优化。

点击下载示例和源代码

转载请注明原文出处《Javascript动画工具mo对象更新记录》 如无特别声明,所有文章均遵守创作共用 署名-非商业-禁止演绎 3.0协议。