Chắc ai đã xem qua mã nguồn hay một diễn đàn Xenforo thì biết cái nút đăng nhập mà nhấn vào đó sẽ tự động hiện ra nhỉ hôm nay mình viết đoạn code cũng tương tự như chức năng đó

đây là khi chưa nhấn



và khi nhấn xong



đầu tiên bạn hãy cho nó vào trong thẻ
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
đoạn code xử lý
<script><br /> $(document).ready(function() {<br /> /// cho an o login di<br /> $(".loginjquery").hide();<br /> <br /> var i = 1;<br /> /// dung button tac dong<br /> $("button").click(function() {<br /> /// set neu click se hien ra<br /> if (i == 1) {<br /> $(".loginjquery").show(1000);<br /> i = 2;<br /> } else {<br /> $(".loginjquery").hide(1000);<br /> i = 1;<br /> }<br /> });<br /> });<br /> </script>

còn code dưới bạn muốn hiển thị chỗ nào thì dán chỗ ấy nhưng phải trong
<button>Đăng nhập thành viên</button><br /> <div class="loginjquery"><br /> <form><br /> <p>Username: <input type="text"></p><br /> <p>Password: <input type="password"></p><br /> <p><input type="submit" value="Login"></p><br /> </form><br /> </div>

Code khá đơn giản và chắc không có gì xa lạ với các anh em rồi, nhưng chắc sẽ có ích một số bạn mới học và áp dụng nó vào.

Code viết bởi Nguyễn Hữu An đẹp trai lai láng !