Giúp Javascript

Thảo luận trong 'CSS & HTML' bắt đầu bởi hphphp00, 13/11/13.

  1. hphphp00

    hphphp00 Mới tham gia

    Bài viết:
    21
    Likes :
    4
    Mình có mục top panel có chức năng giống như mục đăng nhập/đăng kí của http://diendan.joomlaviet.vn
    Giờ mình muốn khi kéo xuống dưới nó cũng sẽ chạy theo xuống (giống như banner quảng cáo)
    Demo: http://www.sphereworldlogic.com/joomla-extensions/top-panel-slider
    Đây là file js của mình. Bạn nào mình thêm code vào với. Thanks
    Mã:
    window.addEvent("domready",function(){
        var spToppanel = {
            initialize: function () {  
                this.open = false;
                this.wrapper =document.getElement('.sp-toppanel-wrap').setStyle('display', 'block');          
                this.container =document.id('sp-toppanel');
                this.box = this.container.inject(new Element('div', {'id': 'toppanel_container'}).inject(this.container.getParent()));
                this.handle = document.id('toppanel-handler');
                this.box = new Fx.Slide(this.box,{transition: Fx.Transitions.Expo.easeOut});
                this.box.hide();          
                this.handle.addEvent('click', this.toggle.bind(this));
            },
    
            show: function () {
                this.box.slideIn();
                this.open = true;
            },
    
            hide: function () {
                this.box.slideOut();
                this.open = false;
            },
    
            toggle: function () {
                if (this.open) {
                    this.hide();
                } else {
                    this.show();
                }
            }
        };
    spToppanel.initialize();
    })
     
  2. hphphp00

    hphphp00 Mới tham gia

    Bài viết:
    21
    Likes :
    4
    Up, mọi người giúp với
     
  3. TomyTran

    TomyTran Marketing & Founder Staff Member

    Bài viết:
    1,073
    Likes :
    666
    .sp-toppanel-wrap { position: fixed; top: 10px; }
     
comments powered by Disqus

Chia sẻ trang này