Sliding Panel Using jQuery And CSS3

1. Trang tham khảohttp://spyrestudios.com/how-to-create-a-sexy-vertical-sliding-panel-using-jquery-and-css3/
– http://spyrestudios.com/demos/sliding-panel-left/
– http://spyrestudios.com/demos/sliding-panel-right/
– http://spyrestudios.com/demos/sliding-panel-fixed/
http://devsnippets.com/img/demo-jquery/demo1.html (hover effect)
http://www.treegrid.com/treegrid/www/ (hide left menu)

2. Hiêu ứng cho ẩn hiện panel
jQuery – slide right to left?

a. $("#slide").animate({width:'toggle'},350);
EX: thằng này cũng hay

SlideDown:  .animate({ height: 'show' });
SlideUp:    .animate({ height: 'hide });
SlideRight: .animate({ width: 'show' });
SlideLeft:  .animate({ width: 'hide' });

-> Sau khi tham khảo mấy suggest trên thì áp dụng cho thằng ẩn hiện panel từ phải sang trái
$("#lnkStatus").click(function () { $(".toolboxRightPanel").animate({ width: "hide" },"fast"); if ($("#panelStatus").is(":visible") == false) { $("#panelStatus").animate({ width: 'show' }, 500); } }); 
Chi tiết: http://stackoverflow.com/questions/596608/jquery-slide-right-to-left

Trả lời

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Đăng xuất /  Thay đổi )

Google photo

Bạn đang bình luận bằng tài khoản Google Đăng xuất /  Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Đăng xuất /  Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Đăng xuất /  Thay đổi )

Connecting to %s

%d bloggers like this: