zoukankan      html  css  js  c++  java
  • 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插件 版本 

  • 相关阅读:
    Vue学习笔记-2
    versionCompare 版本号比较工具
    Vue学习笔记-1
    工作机会
    PAT题目AC汇总(待补全)
    sqli-labs-master 第二关+第三关+第四关
    sqli-labs-master 盲注+第五关+第六关
    Java面向对象--equeal和==
    Java面向对象--object
    Java面向对象--成员变量的初始值
  • 原文地址:https://www.cnblogs.com/trance/p/1573784.html
Copyright © 2011-2022 走看看