Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Bảng » Khung hộp thoại lạ mắt
URL: https://www.javascriptbank.com/amazing-message-box-index.html
Hiệu ứng JavaScript này tạo ra một hộp thoại thông báo ngay khi trang được tải xong. Hộp thoại này được áp dụng các hiệu ứng khá đặc biệt để người dùng có thể tương tác như di chuyển, ẩn hoặc hiện, làm mờ...
Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Bảng » Khung hộp thoại lạ mắt
URL: https://www.javascriptbank.com/amazing-message-box-index.html
<style type="text/css"> DIV.qlabel { font-size: 14pt; font-weight: bold; text-align: center; } </style><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><link rel="stylesheet" type="text/css" href="qlibdoc.css"/><script language="JavaScript" src="control.js"></script><script language="JavaScript" src="wndctrl.js"></script><script language="JavaScript" src="boxctrl.js"></script><script language="JavaScript" src="messagebox.js"></script><script language="JavaScript" src="label.js"></script><script language="JavaScript" src="button.js"></script><script language="JavaScript" src="buttonres.js"></script><script language="JavaScript" src="boxres.js"></script><BODY class="content" onload="self.mb.alert()"><div class="code"><script language="JavaScript"> // define box resource box = new QBoxRes(13, 13, 13, 13, "wtc.gif", "wtr.gif", "wmr.gif", "wbr.gif", "wbc.gif", "wbl.gif", "wml.gif", "wtl.gif", "#FFE831", "wbg.gif", QWndCtrl.SHADOW + QWndCtrl.FADEIN + QWndCtrl.HBARNOUT); // define button resource btn = new QButtonRes(QButton.NORMAL, 46, 29, "btn2n.gif", "btn2p.gif"); // create box mb = new QMessageBox(null, "mb", box, btn, "Test"); </script></div></p> <div class="cases"> Test cases: <a href="#" onClick="mb.alert('Test');return false">alert: Test</a> <a href="#" onClick="mb.alert('Hello, World!');return false">alert: Hello, World!</a> <a href="#" onClick="mb.center();return false">center</a> <a href="#" onClick="mb.show(!mb.visible);return false">show/hide</a> <a href="#" onClick="mb.moveTo(mb.x + 5, mb.y + 10);return false">move</a> <a href="#" onClick="mb.setOpacity(mb.opacity - 10 || 100);return false">change opacity</a> <a href="#" onClick="mb.setEffects(mb.effects ^ QWndCtrl.SHADOW);return false">toggle shadow</a> </div></BODY><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->http://javascriptbank.com/javascript/form/Amazing_Message_Box/qlibdoc.csshttp://javascriptbank.com/javascript/form/Amazing_Message_Box/control.jshttp://javascriptbank.com/javascript/form/Amazing_Message_Box/wndctrl.jshttp://javascriptbank.com/javascript/form/Amazing_Message_Box/boxctrl.jshttp://javascriptbank.com/javascript/form/Amazing_Message_Box/messagebox.jshttp://javascriptbank.com/javascript/form/Amazing_Message_Box/label.jshttp://javascriptbank.com/javascript/form/Amazing_Message_Box/button.jshttp://javascriptbank.com/javascript/form/Amazing_Message_Box/buttonres.jshttp://javascriptbank.com/javascript/form/Amazing_Message_Box/boxres.js