• Tư vấn điều trị
      bệnh khàn tiếng


    www.trikhantieng.com

    Liên hệ + 0913163316

BlogList111

Việt Nam Gia Phả, nơi lưu trữ Gia Phả của người Việt Nam  Kiến thức Blogspot Ngonluanho: Nhung cau chuyen thap lua-Tin-Cay-Men Vngreenzone Là một nơi chia sẻ kinh nghiệm làm blogger - Nơi tôn vinh tâm hồn blogger Việt

Hiệu ứng đàn xếp trượt ngang sử dụng Javascript

0
01/12/2010

Tại trang Leigerber có giới thiệu Slidemenu là một script nhỏ với hiệu ứng đàn xếp theo chiều ngang có thể được sử dụng cho việc tạo menu, trình chiếu hình ảnh hoặc nội dung. Script này tự động điều chỉnh số thành phần trong hiệu ứng đàn xếp. Nó đã được thử nghiệm trong tất cả các công cụ trình duyệt và hoạt động tốt.

Xem Demo.

Nếu bạn thích hiệu ứng này cho trang web của mình thì thực hiện theo các bước sau đây.

1. Đặt toàn bộ đoạn code dưới đây vào trước thẻ </head>.

<style type='text/css'>
.sm {list-style:none; width:459px; height:100px; display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden}
</style>
<script src='http://sandbox.leigeber.com/slidemenu/slidemenu.js' type='text/javascript'></script>

2. Thiết lập cấu trúc HTML như dưới đây và đặt vào phần thân trang web (giữa 2 thẻ <body>, </body>).

<ul id="sm" class="sm">
<li>Nội dung 1</li>
<li>Nội dung 2</li>
<li>Nội dung 3</li>
</ul>

3. Gọi chức năng onload bằng cách thay thẻ <body> bằng <body onload="slideMenu.build('sm',200,10,10,1)"> hoặc có thể đặt đoạn code sau đây vào trước thẻ </body>.

<script type='text/javascript'>slideMenu.build('sm',200,10,10,1);</script>

Chú ý thông số đầu tiên (sm) là id cho danh mục bạn muốn tạo hiệu ứng đàn xếp. Thông số thứ 2 (200) là bề rộng bạn muốn phần xếp mở rộng ra. Thông số thứ 3 (10) là biến thời gian gọi chức năng trượt. Thông số thứ 4 (10) là tốc độ hiệu ứng với số 1 là nhanh nhất. Thông số cuối cùng tùy chọn và là số ám chỉ phần được mở rộng khi hiệu ứng được load xong.

{0 bình luậnAdd yours ?}

Nội quy! Đóng lại Khi bạn viết bình luận, cần tuân thủ một số quy tắc sau:
» Bình luận phải nghiêm túc và không chứa các liên kết quảng cáo.
» Có thể sử dụng các thẻ <b> … </b>,<i> … </i>, <a href="URL..."> ... </a>.
» Yêu cầu thủ thuật tại mục Yêu cầu thủ thuật hoặc hỏi tại mục Hỏi và Đáp.
More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.

Chọn Xóa

Next post: Bài đăng Mới hơn

Previous post: Bài đăng Cũ hơn