Hướng dẫn làm menu giống thế giới di động

bạn tận dụng thuộc tính :hover của thẻ a nhé, nếu biết js thì có thể add class .hover do bạn tự định nghĩa vào cái thẻ a

như css này: khi hover vào thì nó padding-top nên bay xuống dưới thôi

PHP:

#site-body .navigation-banner .navigation .col1 li.mobile a{background-color:#ff8a00;background-image:url(images/sites/icon-mobile.png);background-position:center 9px;height:90px;padding-top:65px}
 
#site-body .navigation-banner .navigation .col1 li.mobile a.hover{background-position:center 33px;padding-top:9px}

Dạ thank bác banbaonylong. Em hover vao nó đổi được rùi. Cảm ơn bác nhiều lắm. Nhưng em có một điều thắc mắc nữa là khi em hover vào thì nó nhảy luôn, còn muốn nó chạy từ từ giống tgdd thì sao ta!! Mong các bác chỉ giáo thêm !!

css3, chỉ chạy trên IE 9+, và các trình duyệt mới

thêm vào tất cả các dòng sau

PHP:

-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;


Một lần nữa chân thành cảm ơn bác banbaonylong, chúc bác nhiều sức khỏe và thành công trong cuộc sống cũng như công việc, mong rằng bác sẽ luôn sẵn lòng hỗ trợ những thành viên nhập môn như em. !

cảm ơn sao ko ấn like

ok chưa bác !!! hihi