zoukankan      html  css  js  c++  java
  • 下载站焦点图

    /*
        down.js by sunhw
        2014-11-17
    */
    ;(function(){
        function SiderFocus(option){
            this.option = T.object.extend({
                root : '',
                dot : '',
                list : '',
                autoTime : 5000
            }, option || {});
            this.map = {
                currCls : 'on',
                visiCls : 'visible',
                hidden : 'hidden'
            };
            this.index = 0;
            this.dots = T.query('a', T.get(this.option.dot));
            this.lists = T.query('li', T.get(this.option.list));
            this.init();
        }
        SiderFocus.prototype.bind = function(index){
            var me = this;
            me.index = index;
            T.each(me.lists, function(item){
                T.setStyle(item, 'visibility', me.map.hidden);
            });
            T.each(me.dots, function(item){
                T.removeClass(item, me.map.currCls);
            });
            T.addClass(me.dots[me.index], me.map.currCls);
            T.setStyle(me.lists[me.index], 'visibility', me.map.visiCls);
        }
        SiderFocus.prototype.autoPlay = function(){
            var me = this;
            clearInterval(me.autoTimer);
            me.autoTimer = setInterval(function(){
                if(me.index >= 3){
                    me.index = 0;
                }else{
                    me.index++;
                }
                me.bind(me.index);
            }, me.option.autoTime);
        }
        SiderFocus.prototype.init = function(){
            var me = this;
            me.autoTimer = 0;
            T.each(me.dots, function(item, index){
                T.on(item, 'mouseover', function(e){
                    T.event.stop(T.event.get(e));
                    clearInterval(me.autoTimer);
                    me.bind(index);
                });
            });
            T.on(T.get(me.option.root), 'mouseover', function(){
                clearInterval(me.autoTimer);
            });
            T.on(T.get(me.option.root), 'mouseout', function(){
                me.autoPlay();
            });
            me.autoPlay();
        }
        T.dom.ready(function(){
            new SiderFocus({
                root : 'slide-focus',
                dot : 'down-slide-nums',
                list : 'slide-focus-ul',
                autoTime : 5000
            });
        });
    })();

  • 相关阅读:
    扩展Image组件,属性不显示
    unity ugui如何用scrollview展示多个不同的3d物体
    Unity 给模型添加子物体,跟随父物体移动和旋转时不同步问题
    Unity3D性能优化
    Vs2017安装不上个问题,愁了好久
    Time.timeScale 暂停游戏
    unity.3d 打开monodevelop无法调用命名空间问题
    Unity.3D中,两个界面各自脚本中的变量如何调用
    * 笔记标题及标签整体说明+md总结
    & 文件透传整理
  • 原文地址:https://www.cnblogs.com/sunhw360/p/4139726.html
Copyright © 2011-2022 走看看