Từ 1 tới 7 trên tổng số 7 kết quả

Đề tài: ? Làm scroll bar cho nhiều khung hiển thị ntn?

  1. #1
    Ngày gia nhập
    05 2011
    Bài viết
    5

    Mặc định ? Làm scroll bar cho nhiều khung hiển thị ntn?

    Mình đang muốn làm một trang có thanh scroll bar mà khi cuộn thì các khung hình đều cuộn như ví dụ ở đây: _http://www.softneta.com/demo/medecg/?id=123&mod=12

    Ai có kinh nghiệm có thể giúp mình không!

  2. #2
    Ngày gia nhập
    04 2011
    Bài viết
    9

    ví dụ của bạn là flash mà ==

  3. #3
    Ngày gia nhập
    05 2011
    Bài viết
    5

    Có cách nào để làm mà không cần dùng flash không?

  4. #4
    Ngày gia nhập
    04 2011
    Bài viết
    9

    nhưng hiệu ứng của web thì bạn nên tìm hiểu về javascript mình có 1 ví dụ nhỏ cho bạn
    bên html
    Code:
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <script src="JScript1.js" type="text/javascript"></script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
        <div id="scroll1" style="width:500px;height:10px;border:1px solid black;overflow:scroll;overflow:auto;">
        <table style="width:2000px;"><tr><td></td></tr></table>
        </div>
        <div id="scroll2" style="width:500px;height:300px;border:1px solid black;overflow:scroll;overflow:auto;">
        <table style="width:2000px;"><tr><td></td></tr></table>
        </div>
        <div id="scroll3" style="width:500px;height:300px;border:1px solid black;overflow:scroll;overflow:auto;">
        <table style="width:2000px;"><tr><td></td></tr></table>
        </div>
        </div>
        </form>
    </body>
    </html>
    bên javascript
    Code:
    function scroll() {
        var a = document.getElementById("scroll1");
        var b = document.getElementById("scroll2");
        var c = document.getElementById("scroll3");
        b.scrollLeft = a.scrollLeft;
        c.scrollLeft = a.scrollLeft;
    }
    function run() {
        var int = self.setInterval(scroll, 10);
    }
    window.onload = run;
    bạn có thể ẩn scroll bang cách chỉnh style overflow:hidden; đối với thanh kéo dọc thì ở javascript phải dung scrollTop chứ không dùng scrollLeft .Hy vọng giúp được bạn

  5. #5
    Ngày gia nhập
    12 2011
    Bài viết
    49

    Chưa test code của bác trên nên k nói tiếp, cái này dễ vật, nếu code trên k đúng yêu cầu thì nói rõ ra m chỉ hướng cho.

  6. #6
    Ngày gia nhập
    05 2011
    Bài viết
    5

    Mặc định ? Làm scroll bar cho nhiều khung hiển thị ntn?

    Cảm ơn asdasdasdsh!
    Mình chưa thử nhưng mình nghĩ là sẽ làm được vì mình cũng vừa tìm được cái hàm scrollLeft, và đoạn bạn gán scrollLeft của b và c bằng của a rất hay!

  7. #7
    Ngày gia nhập
    12 2011
    Bài viết
    49

    Cái này có đến mấy cách làm luôn, viết như của asdasdasdsh thì chỉ giữ lại hàm scroll thôi, trong div scroll1 thêm vào onscroll="scroll()" là ngon rồi, dùng setInterval mà mỗi 0.01 giây chạy 1 lần thì k tối ưu lắm hơn nữa viết thế này thì khi scroll ở scroll2,3 thì scroll1 sẽ sai, bác chỉ cần viết thêm onscroll cho 2 cái 2,3 là ngon, bổ xung thêm cách scrollTo thay vào scrollLeft .

Các đề tài tương tự

  1. Van Phong Pham, Văn Phòng Phẩm, Shop Văn Phòng Phẩm, Ban Khung Nhom, Bảng Khung Nhôm
    Gửi bởi bencat trong diễn đàn Giới thiệu website, sản phẩm của bạn
    Trả lời: 1
    Bài viết cuối: 15-07-2012, 08:46 AM
  2. Khung ảnh kỹ thuật số,khung ảnh số full hd siêu nét hàng xịn nhật-taiwan.
    Gửi bởi dientuthaithang trong diễn đàn Giới thiệu website, sản phẩm của bạn
    Trả lời: 197
    Bài viết cuối: 08-07-2012, 04:55 PM
  3. khung kho – vách ngăn nhà xưởng – khung lưới thép đa năng Toàn Tâm
    Gửi bởi toantam trong diễn đàn Giới thiệu website, sản phẩm của bạn
    Trả lời: 0
    Bài viết cuối: 18-10-2011, 03:51 PM
  4. Bắt sự kiện Mouse Scroll Up và Down
    Gửi bởi itkttn trong diễn đàn Thắc mắc lập trình C#
    Trả lời: 1
    Bài viết cuối: 02-12-2010, 04:18 PM
  5. [VC] vertical scroll bar và Horizontal scroll bar
    Gửi bởi htqh trong diễn đàn Thắc mắc lập trình Visual C++
    Trả lời: 1
    Bài viết cuối: 16-11-2006, 09:46 AM

Quyền hạn của bạn

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