»
Tiếng AnhTiếng PhápTiếng Việt

In - Khung hộp thoại lạ mắt - JavaScriptBank.com

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

Khung hộp thoại lạ mắt © JavaScriptBank.comHiệ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



CSS
<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-->


HTML
<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-->


Files
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