Hiệu ứng Hide ẩn hiện văn bản

23-04-2010 | 3,332 views | 3 phản hồi » |
Ứng dụng này ngoài việc làm cho webblog trở nên pro hơn thì nó còn tiết kiệm được không gian cho 1 trang và trông gọn gàng hơn.

Cách thực hiện:

Vào chỉnh sửa HTML trong phần bố cục, nhớ mở rộng mẫu tiện ích nhá

  1. Chép đoạn code dưới đây dán trước thẻ </head> và lưu mẫu

    2. <!– Hieu ung hide haotoday.com –> <script>jQuery.noConflict();</script> <script language=’javascript’ src=’http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.3/prototype.js’/> <script language=’javascript’ src=’http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/scriptaculous.js?load=effects’/> <script type=’text/javascript’> function BUDEffect(element){ new Effect.toggle(element,&#39;appear&#39;, { duration: 0.5 }); } </script> <script type=’text/javascript’> if (window.jstiming) window.jstiming.load.tick(&#39;headEnd&#39;); </script> <!– Hieu ung hide haotoday.com –>

  2. Sau này khi nào muốn sử dụng ứng dụng này thì chèn đoạn code sau vô bài đăng

<div onclick=”BUDEffect(‘down’)” style=”cursor: pointer;”>

Chỗ này là Tag hiển thị

</div>

<div id=”down” onclick=”AppearEffect(this);” style=”display: none;”>

Còn đây là phần được ẩn

</div>

st

Bài viết liên quan:

  1. Không có bài viết liên quan.
Share |
digg delicious stumbleupon technorati Google live facebook Sphinn Mixx newsvine reddit yahoomyweb
1 Star2 Stars3 Stars4 Stars5 Stars (Đánh giá bài viết)
Loading ... Loading ...