Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Bảng » Khung chữ di chuyển và biến mất
URL: https://www.javascriptbank.com/auto-fading-div-script.html
Đoạn mã này sẽ tạo ra một khung chữ di chuyển theo hướng từ trên xuống và sau đó biến mất. Bạn có thể dễ dàng điều chỉnh những thông số của hiệu ứng như tốc độ di chuyển, khoảng cách di chuyển, khoảng thời gian trước khi biến mất...
Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Bảng » Khung chữ di chuyển và biến mất
URL: https://www.javascriptbank.com/auto-fading-div-script.html
<script>var top = 0;var max =120;// Chieu dai ma dong chu chay xuongvar step = 1;// Buoc nhayvar count = 0;var alpha = 200;// Thoi gian dong chu mo divar time = 1;function advs(){ad = document.getElementById("advs");if (top + ad.clientHeight < 0) ad.style.visibility = "hidden";else {if(top >= max){if(count > time){ad.style.filter = "alpha(opacity =" + (alpha -= 5) + ")";}else count ++ ;}else {top += step += 1;ad.style.top = top;}}}time = time * 1;setInterval("advs()",200);</script> <!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><div id="advs" style="position:absolute; width:341px; border:1px solid #333333; background-color: #ffffFF; padding:2px; left: 196px; top: 13px; height: 34px;" align = "center"> <img src="../image/logojs.gif"><img src="../image/gif_logojsb2.gif">JavaScriptBank.com</div><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->