your widget

Chủ Nhật, 5 tháng 6, 2011

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

Ứ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
<!– Hieu ung hide thuthuatso.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 thuthuatso.com –>
  1. 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

0 Nhận xét:

Đăng nhận xét

Chỉ hỗ trợ khi viết Tiếng Việt có dấu. Tất cả các phản hồi không dấu, ngôn ngữ "CHAT" sẽ không được hỗ trợ.