2Hi.Biz
Trang chủ | TWIG | Xtscript | Templates | Xtgem
tiaxgame: Đầu tiên mình xin giới thiệu chút về code này, Bạn - 2Hi.Biz
* Admin
- Cấp bậc: admin
22-04-2015
Đầu tiên mình xin giới thiệu chút về code này, Bạn có thể cho hình ảnh hoặc cái gì đó trên trang web ẩn hiện tùy ý thì rất đơn giản.
đầu tiên cần bỏ thư viện jquery vào trong <head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

tiếp tục cho đoạn mã
<script>
$(document).ready(function() {
$("#an").click(function() {
$("#test").hide();
});
$("#hien").click(function() {
$("#test").show();
});
});
</script>

rồi đóng thẻ </head>
dưới thẻ body ta cho nó
<h2 id="test"><img src="http://aichat.wap.sh/aichat.png" width="200"></h2>
<button id="an">Ẩn</button> <button id="hien">Hiện</button>


ok thế là đã có một code ẩn hiện đơn giản

Demo: http://aichat.wap.sh/demo/jquery/an-hien

img
bạn có thể thay hình bằng nội dung hoặc những gì bạn muốn ẩn hiện/script
- Edited:  tiaxgame )
22-04-2015
1 người thích điều này!
Online: Guests: 1