10 2008 档案

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

posted @ 2008-10-28 21:33 LongWay 阅读(3354) 评论(6) 推荐(0) 编辑

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

posted @ 2008-10-23 08:54 LongWay 阅读(4066) 评论(1) 推荐(0) 编辑

Javascript中的this关键字
摘要: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 阅读(2634) 评论(13) 推荐(0) 编辑

JavaScript中的面向对象----继承
摘要:1、对象冒充[代码]2、call方法[代码]3、apply方法[代码]4、原型链方法[代码]5、混合方式[代码] 阅读全文

posted @ 2008-10-19 22:50 LongWay 阅读(573) 评论(3) 推荐(0) 编辑

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

posted @ 2008-10-15 21:52 LongWay 阅读(10220) 评论(5) 推荐(0) 编辑

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

posted @ 2008-10-14 04:33 LongWay 阅读(868) 评论(0) 推荐(0) 编辑

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

posted @ 2008-10-08 09:26 LongWay 阅读(5421) 评论(3) 推荐(0) 编辑

简易而又灵活的Javascript拖拽框架(五)
摘要:一、开篇 在写了前几篇拖拽过后,有不少朋友留言说如果将拖拽结果持久化将会更好。在了解了Javascript对Cookie的操作还有一点JSON知识过后,修改了上一篇文章的代码,可以将结果保存在客户端Cookie,每次打开页面就可以载入上次拖拽的数据,得到上次的拖拽布局。 查看示例 二、原理 首先添加了两个方法:setCookie和getCookie,分别用来添加/修改... 阅读全文

posted @ 2008-10-06 14:04 LongWay 阅读(4400) 评论(19) 推荐(0) 编辑

Javascript中的浅拷贝和深拷贝
摘要:一、浅拷贝: 如果是值类型,则拷贝值;如果是引用类型,则拷贝引用地址。 Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->Object.prototype.shallowClone = function(){ var obj = new... 阅读全文

posted @ 2008-10-02 23:41 LongWay 阅读(514) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示