Long Way

摘要: 一、简介初学AS，做了一个从外部调用图片的例子。AS2.0中有MovieClip和全局中有loadMovie函数可以动态加载图片，但是这不是异步加载，而且没法知道图片大小。在AS3.0中，有Loader类来实现从外部载入swf和各种图片。效果如下，载入的过程中会有进度条提示，载入完成过后可以根据图片的尺寸进行缩放，按比例的缩小放在400×300的方框中，居中显示： 二、代码 Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlight...阅读全文

摘要: 一、开篇上次写了一个没有任何效果的多级菜单，有朋友说直接用CSS就可以实现，所以就继续加工了一下，做了两个用CSS不能实现的菜单，效果如下：渐变多级菜单 Menu1 Menu2 Menu3 Menu4 Menu5 Menu6滑动多级菜单 Menu1 Menu2 Menu3 Menu4 Menu5 Menu6二、原理修改了一下上一篇中的代码，再次总结一下原理：主要是要响应4个事件：菜单项(MenuI...阅读全文

摘要: 一、开篇一直都苦于找不到合适的菜单，最近自己做了一个，感觉收获不小，拿出来分享。先看效果： Menu1 Menu2 Menu3 Menu4 Menu5 Menu6二、原理 1、关于鼠标事件 首先说一下mouseover和mouseout这两个事件，在IE和其他浏览器有一些差别。 在IE中，当发生mouseover事件的时候，e.srcElement可以获得鼠标移入的元素，e.fromElement...阅读全文

摘要: 昨天在淘宝UED网站上看到导航菜单很不错，于是自己动手写了一个。 效果如下： Home Archives Photo Gallery About 顺便做了一种变体，实际上只是改变了CSS和一点HTML而已： Home Archives Photo Gallery About 代码如下：[代码] 基本原理还是很简单，看代码就能明白，但是为了达到缓冲效果还是有一点麻烦，首先要判断slider向左还...阅读全文

摘要: 这两天做了一个图片滚动的效果，拿出来和大家共享。效果很简单，不过这是我第一次使用js库(prototype1.6)。虽然所引用的prototype文件大小远远超过了自己所写的代码，但是这毕竟是学习而已，用js库真的能让代码更简洁。 查看示例 这是第一个类，主要来负责一个SlideShow的初始化和自动播放，具有多个SlideItem实例，存储在items数组中[代码]这是第二个类，是SlideS...阅读全文

摘要: In JavaScript this always refers to the “owner” of the function we're executing, or rather, to the object that a function is a method of. 这是来自http://www.quirksmode.org/js/this.html这篇文章里对th...阅读全文

摘要: 1、对象冒充[代码]2、call方法[代码]3、apply方法[代码]4、原型链方法[代码]5、混合方式[代码]阅读全文

摘要: 如下js可以载入一个还没有在页面中的图片，并且可以获得其高度和宽度：[代码] 总的原理就是new一个Image对象，设置了src属性过后，不断的检查需要载入的图片的宽和高，如果载入图片成功的话，宽和高都是不为0的数值，这个时候停止Interval ，并且执行onLoaded。 这段js代码的使用方法：[代码]阅读全文

摘要: 平常经常需要将图片按比例显示在一个定高和定宽的容器中，由于ie对很多CSS属性的不支持，有些时候不得不用到js。这里介绍一个方法，在各种浏览器上都能比较完美的将图片显示在定高定宽的容器中。对于这样一个缩略图列表的html[代码]1、在支持max-width和max-height的浏览器（包括ie7和ie8）中，可以如下方式显示图片：[代码]主要是设定img标签的max-height和max-wid...阅读全文

摘要: 在DOM标准中，每个HTML元素都是继承自HTMLElement。比如有如下代码：[代码] 会弹出true，表明了HTML的元素是HTMLElement的实例 实际上HTMLElement继承自Element，Element继承自Node，如图： 知道了HTMLElement这个类，就可以很方便的用Prototype来扩展每个HTML元素的方法或者属性。但是在IE中将这个类隐藏了，不能通过代码访问...阅读全文