Bạn ghé thăm diễn đàn lần đầu? hãy đăng ký ngay bây giờ để tham gia.
  • Đăng nhập:

Chào mừng bạn đến với ITVNN FORUM - Diễn đàn công nghệ thông tin.

Nếu đây là lần đầu tiên bạn tham gia diễn đàn, xin mời bạn xem phần Hỏi/Ðáp để biết cách dùng diễn đàn. Để có thể tham gia thảo luận bạn phải đăng ký làm thành viên, click vào đây để đăng ký.


  • Partner Area
kết quả từ 1 tới 5 trên 5
Tăng kích thước phông chữ Giảm kích thước phông chữ
  1. #1
    nmhung's Avatar

    Trạng thái
    Offline
    Tham gia ngày
    Jan 2011
    Thành viên thứ
    37564
    Tuổi
    32
    Giới tính
    Bài gởi
    167
    Level: 33 [?]
    Experience: 525,155
    Next Level: 555,345
    Cảm ơn 74
    Cảm ơn 12 lần / 10 Bài viết

    Default jQuery Scrollbars tạo thanh cuộn ngang tự động scoll khi di chuột  

    Khi dữ liệu bạn trình bày vượt quá độ rộng trong website của bạn, thường ta sẽ dùng Style sheet để tạo thanh cuộn ngang nhưng khi bạn tạo với css thanh cuộn ngang sẽ không được đẹp cho lắm. Trong bài này tôi sẽ hướng dẫn bạn tạo Horizontal automatic Scrollbars.

    Thực hiện: Sau khi download về bạn add các thư viện:
    Code: 
    <link rel="stylesheet" type="text/css" href="jquery.horizontal.scroll.css" /> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js">
    </script> <script src="jquery.horizontal.scroll.js" type="text/javascript"></script>
    Viết code jquery:
    Code: 
    <script type="text/javascript">   
      $(document).ready(function(){   
          $('#horiz_container_outer').horizontalScroll();     }); 
    </script>
    Code html:
    Code: 
    <ul id="horiz_container_outer">  
       <li id="horiz_container_inner">  
           <ul id="horiz_container">    
             <li>Image 1</li>    
             <li>Image 2</li>   
              <li>Image 3</li>     
            <li>Image 4</li>      
           <li>Image 5</li>     
        </ul>   
      </li>    
         </ul> 
                 <div id="scrollbar"> 
        <a id="left_scroll" class="mouseover_left" href="#"></a>  
       <div id="track">   
           <div id="dragBar"></div> 
        </div>  
       <a id="right_scroll" class="mouseover_right" href="#"></a>
    </div>
     </div>
    Bạn có thể thay đổi các ảnh thành nội dung nếu dữ liệu scoll của bạn không phải là ảnh
    Nội dung bài viết tham khảo trên http://htmldrive.net/

  2. The Following User Says Thank You to nmhung For This Useful Post:

    keke007 (18-04-2012)

  3. #2
    keke007's Avatar

    Trạng thái
    Offline
    Tham gia ngày
    Mar 2012
    Thành viên thứ
    57787
    Tuổi
    31
    Giới tính
    Bài gởi
    7
    Level: 19 [?]
    Experience: 18,916
    Next Level: 22,851
    Cảm ơn 1
    Cảm ơn 3 lần / 2 Bài viết

    Default

    thanks, vì các đoạn code đã chia sẻ

  4. #3
    hanoimuabay's Avatar

    Trạng thái
    Offline
    Tham gia ngày
    Jun 2012
    Thành viên thứ
    61805
    Giới tính
    Bài gởi
    1
    Level: 12 [?]
    Experience: 2,641
    Next Level: 2,912
    Cảm ơn 0
    Cảm ơn 0 lần / 0 Bài viết

    Default

    Mình cũng đang tìm về cái này. Thanks bạn nhé

  5. #4
    visa2013's Avatar

    Trạng thái
    Offline
    Tham gia ngày
    Jun 2013
    Thành viên thứ
    92337
    Tuổi
    34
    Giới tính
    Bài gởi
    7
    Level: 18 [?]
    Experience: 15,731
    Next Level: 17,484
    Cảm ơn 0
    Cảm ơn 0 lần / 0 Bài viết

    Default

    gõ nguyên đoạn code này là sẽ dc phải không mọi người

  6. #5
    ngocnhanvo's Avatar

    Trạng thái
    Offline
    Tham gia ngày
    Sep 2014
    Thành viên thứ
    97934
    Tuổi
    26
    Giới tính
    Bài gởi
    4
    Level: 15 [?]
    Experience: 7,222
    Next Level: 7,465
    Cảm ơn 0
    Cảm ơn 0 lần / 0 Bài viết

    Default

    Thanks ^.^


    onlinE Solution Company (
    ESC) với 10 năm kinh nghiệm trong lĩnh vực thiết kế website luôn mong muốn đáp ứng được đầy đủ nhu cầu của khách hàng.


 

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Khoá học lập trình Jquery (JQuery Master) - tại zend.vn
    By hiepnguyen in forum Lập trình web
    Trả lời: 2
    Bài mới gởi: 01-11-2013, 01:46 PM
  2. Xin Hướng dẫn fix số trang cho ngang hàng
    By dh05k1 in forum Hỏi đáp & Thảo luận
    Trả lời: 0
    Bài mới gởi: 24-03-2013, 09:07 PM
  3. hỏi về cách thông tin Thành viên nằm ngang
    By romeoangle in forum Hỏi đáp & Thảo luận
    Trả lời: 0
    Bài mới gởi: 06-08-2011, 06:46 PM
  4. Đặt forum nằm ngang
    By x2team in forum Hỏi đáp & Thảo luận
    Trả lời: 12
    Bài mới gởi: 19-04-2011, 07:18 AM
  5. Help chỉnh thanh toolbar nằm ngang
    By nad253 in forum Hỏi đáp & Thảo luận
    Trả lời: 1
    Bài mới gởi: 10-01-2011, 05:10 AM

Tags for this Thread

Bookmarks

Quuyền Hạn Của Bạn

  • Bạn không thể tạo chủ đề mới
  • Bạn không thể trả lời bài viết
  • Bạn không thể gửi file đính kèm
  • Bạn không thể chỉnh sửa bài viết
  •