Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Hỏi về các làm menu

Chủ đề thuộc danh mục 'Hỏi đáp - Thảo luận về web' được đăng bởi impossible, 19/12/13.

Lượt xem: 2,684

  1. impossible Thành viên cấp 2

    Mình đang muốn làm 1 trang menu, về menu thì mình dùng menu dọc đặt ở bên trái, mình muốn khi click vào từng mục của menu thì hình ảnh của món ăn sẽ hiện ở bên phải của khung menu. Về menu thì mình dựng đc rồi nhưng mình không biết làm thế nào để khi click vào từng mục thì hiện ra món ăn của mục đó?
    VD như ở đây http://kfcvietnam.com.vn/vn/menu/detail/combo khi click vào combo, phần ăn trẻ em, gà rán,... ở menu ngang thì hình ảnh bên dưới thay đổi mà vẫn là trang html đó, chỉ thay đổi hình ảnh thôi ý :D
    Cảm ơn mọi người :D

    ...
  2. Nguyễn Tất Thắng

    Nguyễn Tất Thắng Rất là bình thường

    Code html của nó đây bạn nhé!!!
    Code:
    <!doctype html>
    <html>
    <head>
      <meta charset="utf-8">
      <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
      <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
      <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
      <link rel="stylesheet" href="/resources/demos/style.css">
      <script>
      $(function() {
        $( "#tabs" ).tabs();
      });
      </script>
    </head>
    <body>
    <div id="tabs">
      <ul>
        <li><a href="#tabs-1">Đây là Tab 1</a></li>
        <li><a href="#tabs-2">Đây là Tab 2</a></li>
        <li><a href="#tabs-3">Đây là Tab 3</a></li>
      </ul>
      <div id="tabs-1">
        <p>Nội dung Tab 1</p>
      </div>
      <div id="tabs-2">
        <p>Nội dung Tab 2</p>
      </div>
      <div id="tabs-3">
        <p>Nội dung Tab 3</p>
      </div>
    </div>
    </body>
    </html>
    impossible thích bài viết này
  3. impossible

    impossible Thành viên cấp 2

    Nguyễn Tất Thắng cảm ơn bạn nha!
    Bạn giúp mình cái này nữa nha
    Mình đang muốn làm meno dọc như hình, cái menu bên là của gà rán, ngoài ra còn có combo,... ở dưới. chỗ menu hiện tại kia là chỗ mình muốn menu của các phần hiện. giờ làm thế nào hả bạn?
    Cái menu này m dùng css và js trên mạng mà quên mất trang nào rồi :(

    [​IMG]
  4. Nguyễn Tất Thắng

    Nguyễn Tất Thắng Rất là bình thường

    Túm cái váy lại là bạn muốn làm menu dọc hả! ^^'
    impossible thích bài viết này
  5. impossible

    impossible Thành viên cấp 2

    Nguyễn Tất Thắng ở trên mình có nói là muốn làm meno dọc và miêu tả như hình mà :D dù sao cmt của b cũng giúp mình hiểu là menu của kfc dùng tab mà <3
  6. Nguyễn Tất Thắng

    Nguyễn Tất Thắng Rất là bình thường

    Menu dọc thì bạn tải file Assignment của mình về xem nhé! Bài tập này mình làm có cả menu dọc và ngang sử dụng thẻ <ul> và <li> rồi! Bạn kết hợp vs cách dùng tab ở trên kia để có được kết quả mong muốn nhé! Còn hình thức thì là bạn sửa code css cho ưng ý là dc :D
    Code:
    http://www.fshare.vn/file/ZJQWN3RWNU/
    
    impossible thích bài viết này
  7. impossible

    impossible Thành viên cấp 2

    Nguyễn Tất Thắng cái menu dọc Sản phẩm của bạn khi click vào thì nội dung của nó sẽ mở sang trang html mới hay sẽ hiển thị ở cột bên trái chỗ Công ty TNHH Quảng cáo Adpro vậy?
    Cái mà mình muốn là khi click vào cột ở menu, vd Danh thiếp thì nội dung của cột menu đó hiển thị ở bên cột trái ý T.T
    Dựng list thì mình biết rồi nhưng chưa biết cách cho nội dung hiển thị ở nơi mình muốn. Giống như khi làm bằng Notepad++ thì có cái frame, rồi dùng target đặt vào frame để nội dung hiện ở frame có target ý.
    Mình cũng học Arena :3
  8. Nguyễn Tất Thắng

    Nguyễn Tất Thắng Rất là bình thường

    Oke! Thế chờ mình code 1 cái demo ^^'
    impossible thích bài viết này
  9. banbaonylong

    banbaonylong Ko phải assmin

    menu như ảnh thì bạn search accordion jquery nhá, tên của loại menu đó ;))
    impossible thích bài viết này
  10. Nguyễn Tất Thắng

    Nguyễn Tất Thắng Rất là bình thường

    Demo của bạn đây! Tìm chưa ra cách hay nhất nhưng mình có thể dựa vào thuộc tính position của đối tượng để đặt vị trí :D
    Code:
    http://www.fshare.vn/file/GJLFW1LLQO/
    [​IMG]
    impossible thích bài viết này

Ủng hộ diễn đàn