2Hi.Biz
Trang chủ | TWIG | Xtscript | Templates | Xtgem
: [Jquery] Code ẩn hiện nội dung hoặc hình ảnh | Share Code | Wapmaster - 2Hi.Biz
▼ : [Jquery] Code ẩn hiện nội dung hoặc hình ảnh
* 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!
* Out
- Cấp bậc: mod
23-04-2015
* tiaxgame Thế này thì làm kiểu dislike, like hay hơn
* Admin
- Cấp bậc: admin
23-04-2015
ukm
1 người thích điều này!
* higirl
- Cấp bậc: admin
23-04-2015
Chac che theo lam tat qc do ck
1 người thích điều này!
* Admin
- Cấp bậc: admin
23-04-2015
* higirl hổng pjt nữa.
nhưng thấy tắt. load. là lại hjện. @@!
▲ Tổng số: 5
- Share:
BBCode:

Link:
Online: Guests: 1

Từ khóa: hiện , ảnh , hoặc , nội , hình