JS 图片轮换 封装中处理时钟

图片轮换是各个网站几乎最常见的效果了,用javascript操作DOM元素的方式,具有和页面无缝结合,无须加载FLASH插件,方便更新等优点,所以被广泛应用。
虽然形式各异,但是究其主要原理 无非是  在固定区域轮换显示不容内容,可以实现鼠标点播,自动轮换和暂停轮换等,所以今天用js写的这个东西也是按照这个思路去实现,其功能包括 初始化  交互处理  步进程序 自动轮换 暂停 。
 
点此查看
在封装中处理时钟的时候遇到点问题,多方搜索无果,最后在JS牛人argb  (argb@live.cn)的指导下 采用bind函数解决,既然没有人说方法,在此就说一下,希望对有同样疑惑的同仁有所帮助。代码如下:
var bind = function(object, fn){
        
return function(){
            fn.apply(object, arguments);
        }
    }
//封装中处理时:

auto:
function(){            
            
if(!this.itv){            
                
this.itv=window.setInterval(bind(this,this.step),this.time);
            }
        }
程序所有代码如下(也可查看DEMO源码):
javascript 幻灯片代码
最后说明一下:这个小程序只是实现了一个原形,想要各种效果的话 可以自己重写 play 函数 其他一些相关的效果可见如下:
http://sports.titan24.com/athletics/ 有本例的jquery插件 版本 

posted on 2009-09-25 09:57  trance  阅读(819)  评论(3)    收藏  举报

导航