Đăng Nhập

Vui lòng khai báo chính xác tên truy cập và mật khẩu!

Quên mật khẩu?

    Menu dọc xổ xuống dạng thư mục từ Jquery style 2

      Admin
      Admin

      Giới tính : Nam

      Đến từ : TPHCM

      Ngày Tham gia : 03/04/2011

      Tổng số bài gửi : 2292

      #1

       Sun Aug 12, 2012 4:34 pm

      Menu dọc xổ xuống dạng thư mục từ Jquery style 2 Menu-doc-xo-xuong-dang-cay-thu-muc-namkna-blogspot-com-style-2-1

      file css
      Code:
      .button {border:1px solid #055;border-radius:3px;box-shadow:0 1px rgba(255,255,255,0.3) inset;background:#41A317;color:#FFFF00 !important;text-decoration:none !important}
      a.button:hover,.submit.button:hover{border:1px solid #222;background:#810541}
      .button.medium{padding:5px 10px;font-size:12px}
      .button.big{padding:10px 20px;font-size:14px}
      div.sdmenu {
       width: 200px;
       font-family: Arial, sans-serif;
       font-size: 12px;
       padding-bottom: 10px;
       background: url(https://lh5.googleusercontent.com/-o3Q75YToTiU/T5NaWbuUWFI/AAAAAAAABOE/iZlrVfSjmAY/h120/bottom-menu-doc-namkna-blogspot.gif) no-repeat  right bottom;
       color: #fff;
      }
      div.sdmenu div {
       background: url(http://1.bp.blogspot.com/-EIWl0LH5GGU/T3bNnVSveXI/AAAAAAAAAyM/3ify3MKYCm8/s1600/menu1-namkna-blogspot-com.gif) repeat-x;
       overflow: hidden;
      }
      div.sdmenu div:first-child {
       background: url(http://1.bp.blogspot.com/-EIWl0LH5GGU/T3bNnVSveXI/AAAAAAAAAyM/3ify3MKYCm8/s1600/menu1-namkna-blogspot-com.gif) no-repeat;
      }
      div.sdmenu div.collapsed {
       height: 30px;
      }
      div.sdmenu div span {
       display: block;
       padding: 8px 30px;
       font-weight: bold;
       color: white;
       background: url(expanded.gif) no-repeat 10px center;
       cursor: default;
       border-bottom: 1px solid #ddd;
      }
      div.sdmenu div.collapsed span {
       background-image: url(collapsed.gif);
      }
      div.sdmenu div a {
       padding: 8px 30px;
       background: #eee;
       display: block;
       border-bottom: 1px solid #ddd;
       color: #066;
      }
      div.sdmenu div a.current {
       background : #ccc;
      }
      div.sdmenu div a:hover {
       background : #066 url(http://1.bp.blogspot.com/-EIWl0LH5GGU/T3bNnVSveXI/AAAAAAAAAyM/3ify3MKYCm8/s1600/menu1-namkna-blogspot-com.gif) 0 -32px;
       color: #fff;
       text-decoration: none;
      }

      ĐOẠN HTML JAVASRIP

      Code:
      <script type="text/javascript" src="http://dl.dropbox.com/u/70549761/Menu/namkna-blogspot-com/sdmenu.js"></script>
      <script type="text/javascript">
      window.onload = function() {
      myMenu = new SDMenu("my_menu");
      myMenu.init();
      };
      </script>
      <form action="#" style="font-family: sans-serif; font-size: .8em" onsubmit="return false">
      <input class="submit button medium" type="button" value="Hiện Menu" onclick="myMenu.expandAll()" />
      <input class="submit button medium" type="button" value="Rút gọn menu" onclick="myMenu.collapseAll()" />
      </form>
      <div style="float: left" id="my_menu" class="sdmenu">
      <div>
          <span>Menu 1</span>
              <a href="#">Sub Menu 1.1</a>
              <a href="#">Sub Menu 1.2</a>
              <a href="#">Sub Menu 1.3</a>
              <a href="#">Sub Menu 1.4</a>
              <a href="#">Sub Menu 1.5</a>
      </div>
      <div>
        <span>Menu 2</span>
              <a href="#">Sub Menu 2.1</a>
              <a href="#">Sub Menu 2.2</a>
              <a href="#">Sub Menu 2.3</a>
              <a href="#">Sub Menu 2.4</a>
      </div>
      <div class="collapsed">
        <span>Menu 3</span>
              <a href="#">Sub Menu 3.1</a>
              <a href="#">Sub Menu 3.2</a>
              <a href="#">Sub Menu 3.3</a>
              <a href="#">Sub Menu 3.4</a>
              <a href="#">Sub Menu 3.5</a>
              <a href="#">Sub Menu 3.6</a>
      </div>
      <div>
          <span>Menu 4</span>
              <a href="#">Sub Menu 4.1</a>
              <a href="#">Sub Menu 4.2</a>
              <a href="#">Sub Menu 4.3</a>
              <a href="#">Sub Menu 4.4</a>
              <a href="#">Sub Menu 4.5</a>
      </div>
          </div>

      Trong đo:
      Thay các dấu thăng màu đỏ thành URL (địa chỉ) liên kết tới bài viết, nhãn, trang của bạn.
      Thay các phần màu xanh thành tên của các bài viết, nhãn, trang của bạn/
      Bạn hãy tải file sdmenu.js và Upload lên Google code hoặc Dropbox để sử dụng lâu dài.
      [You must be registered and logged in to see this link.]
      Thành Viên Chính Thức
      minhhaivl

      Giới tính : Nam

      Tuổi : 35

      Đến từ : HCMC

      Ngày Tham gia : 08/08/2012

      Tổng số bài gửi : 2

      #2

       Thu Aug 30, 2012 4:32 pm

      dep thanks nhieu