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
    • ITVNN HOSTING - Thiết kế website, Cung cấp Domain, Hosting, VPS Việt Nam Anh Hùng - Thông tin truyền thông
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
    37
    Giới tính
    Bài gởi
    167
    Level: 35 [?]
    Experience: 805,363
    Next Level: 824,290
    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. Thành viên sau đây nói lời Cảm ơn tới nmhung cho bài viết hữu ích này:

    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
    35
    Giới tính
    Bài gởi
    7
    Level: 21 [?]
    Experience: 30,661
    Next Level: 38,246
    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: 14 [?]
    Experience: 4,319
    Next Level: 5,517
    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
    39
    Giới tính
    Bài gởi
    7
    Level: 20 [?]
    Experience: 27,477
    Next Level: 29,658
    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
    31
    Giới tính
    Bài gởi
    4
    Level: 18 [?]
    Experience: 13,934
    Next Level: 17,484
    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. Trả lời: 3
    Bài mới gởi: 18-08-2021, 09:01 PM
  2. 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
  3. 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
  4. 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
  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, 06: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
  •