摘要: 一、简介初学AS,做了一个从外部调用图片的例子。AS2.0中有MovieClip和全局中有loadMovie函数可以动态加载图片,但是这不是异步加载,而且没法知道图片大小。在AS3.0中,有Loader类来实现从外部载入swf和各种图片。效果如下,载入的过程中会有进度条提示,载入完成过后可以根据图片的尺寸进行缩放,按比例的缩小放在400×300的方框中,居中显示: 二、代码 Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlight...阅读全文
posted @ 2009-01-05 20:27 LongWay 阅读(9294) 评论(1) 编辑
摘要: 一、开篇上次写了一个没有任何效果的多级菜单,有朋友说直接用CSS就可以实现,所以就继续加工了一下,做了两个用CSS不能实现的菜单,效果如下:渐变多级菜单 Menu1 Menu2 Menu3 Menu4 Menu5 Menu6滑动多级菜单 Menu1 Menu2 Menu3 Menu4 Menu5 Menu6二、原理修改了一下上一篇中的代码,再次总结一下原理:主要是要响应4个事件:菜单项(MenuI...阅读全文
posted @ 2008-11-08 23:50 LongWay 阅读(4891) 评论(6) 编辑
摘要: 一、开篇一直都苦于找不到合适的菜单,最近自己做了一个,感觉收获不小,拿出来分享。先看效果: Menu1 Menu2 Menu3 Menu4 Menu5 Menu6二、原理 1、关于鼠标事件 首先说一下mouseover和mouseout这两个事件,在IE和其他浏览器有一些差别。 在IE中,当发生mouseover事件的时候,e.srcElement可以获得鼠标移入的元素,e.fromElement...阅读全文
posted @ 2008-11-07 00:27 LongWay 阅读(6746) 评论(12) 编辑
摘要: 昨天在淘宝UED网站上看到导航菜单很不错,于是自己动手写了一个。 效果如下: Home Archives Photo Gallery About 顺便做了一种变体,实际上只是改变了CSS和一点HTML而已: Home Archives Photo Gallery About 代码如下:[代码] 基本原理还是很简单,看代码就能明白,但是为了达到缓冲效果还是有一点麻烦,首先要判断slider向左还...阅读全文
posted @ 2008-10-28 21:33 LongWay 阅读(2978) 评论(6) 编辑
摘要: 这两天做了一个图片滚动的效果,拿出来和大家共享。效果很简单,不过这是我第一次使用js库(prototype1.6)。虽然所引用的prototype文件大小远远超过了自己所写的代码,但是这毕竟是学习而已,用js库真的能让代码更简洁。 查看示例 这是第一个类,主要来负责一个SlideShow的初始化和自动播放,具有多个SlideItem实例,存储在items数组中[代码]这是第二个类,是SlideS...阅读全文
posted @ 2008-10-23 08:54 LongWay 阅读(3730) 评论(1) 编辑
摘要: 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...阅读全文
posted @ 2008-10-20 14:58 LongWay 阅读(2408) 评论(13) 编辑
摘要: 1、对象冒充[代码]2、call方法[代码]3、apply方法[代码]4、原型链方法[代码]5、混合方式[代码]阅读全文
posted @ 2008-10-19 22:50 LongWay 阅读(362) 评论(3) 编辑
摘要: 如下js可以载入一个还没有在页面中的图片,并且可以获得其高度和宽度:[代码] 总的原理就是new一个Image对象,设置了src属性过后,不断的检查需要载入的图片的宽和高,如果载入图片成功的话,宽和高都是不为0的数值,这个时候停止Interval ,并且执行onLoaded。 这段js代码的使用方法:[代码]阅读全文
posted @ 2008-10-15 21:52 LongWay 阅读(6737) 评论(5) 编辑
摘要: 平常经常需要将图片按比例显示在一个定高和定宽的容器中,由于ie对很多CSS属性的不支持,有些时候不得不用到js。这里介绍一个方法,在各种浏览器上都能比较完美的将图片显示在定高定宽的容器中。对于这样一个缩略图列表的html[代码]1、在支持max-width和max-height的浏览器(包括ie7和ie8)中,可以如下方式显示图片:[代码]主要是设定img标签的max-height和max-wid...阅读全文
posted @ 2008-10-14 04:33 LongWay 阅读(491) 评论(0) 编辑
摘要: 在DOM标准中,每个HTML元素都是继承自HTMLElement。比如有如下代码:[代码] 会弹出true,表明了HTML的元素是HTMLElement的实例 实际上HTMLElement继承自Element,Element继承自Node,如图: 知道了HTMLElement这个类,就可以很方便的用Prototype来扩展每个HTML元素的方法或者属性。但是在IE中将这个类隐藏了,不能通过代码访问...阅读全文
posted @ 2008-10-08 09:26 LongWay 阅读(4562) 评论(3) 编辑