Cửa sổ với kích thước tùy chọn

JavaScriptBank

New member
Khi sử dụng này, bạn cung cấp ch người dùng khả năng mở trang web để xem với nhiều kích cỡ khác nhau....


Demo:

Cách cài đặt

Bước 1: Đặt mã JavaScript bên dưới vào phần HEAD
JavaScript
Mã:
<SCRIPT LANGUAGE="JavaScript">
// Jeff Manning
// http://liveing-sacrifice.beplaced.com/sizer.html

<!-- Begin

function regular() {
window.open('Window_Resize.htm','640x480','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=640,height=480')}
function large() {
window.open('Window_Resize.htm','800x600','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=800,height=600')}
function smallmacdefault() {
window.open('Window_Resize.htm','Mac','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=470,height=300')}
function smallpcdefault() {
window.open('Window_Resize.htm','PC','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=580,height=300')}
function mediummacdefault() {
window.open('Window_Resize.htm','Mac','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=470,height=430')}
function mediumpcdefault() {
window.open('Window_Resize.htm','PC','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=580,height=430')}
function largemacdefault() {
window.open('Window_Resize.htm','Mac','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=470,height=600')}
function largepcdefault() {
window.open('Window_Resize.htm','PC','toolbar=yes,status=yes,scrollbars=yes,location=yes,menubar=yes,directories=yes,width=580,height=600')}
// End -->
</SCRIPT>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Bước 2: Copy mã HTML bên dưới và dán vào khu vực BODY trên trang web của bạn
HTML
Mã:
<FORM>
Open a window 640 x 480 pixels: 
<INPUT TYPE=BUTTON VALUE="640x480" onClick="regular()">
<P>
Open a window 800 x 600 pixels: 
<INPUT TYPE=BUTTON VALUE="800x600" onClick="large()"><P>
<HR>
<P>
Default Netscape Browser sizes:
<P>
<B>640 x 480</B>
<BR>

Mac = 470x300: 
<INPUT TYPE=BUTTON VALUE="Mac" onClick="smallmacdefault()">
<BR>
PC = 580x300: 
<INPUT TYPE=BUTTON VALUE="PC" onClick="smallpcdefault()">
<P>
<B>800 x 600</B>
<BR>
Mac = 470x430: 
<INPUT TYPE=BUTTON VALUE="Mac" onClick="mediummacdefault()">
<BR>
PC = 580x430: 
<INPUT TYPE=BUTTON VALUE="PC" onClick="mediumpcdefault">
<P>
<B>1024 x 768</B><BR>

Mac = 470x600: 
<INPUT TYPE=BUTTON VALUE="Mac" onClick="largemacdefault()">
<BR>
PC = 580x600: <INPUT TYPE=BUTTON VALUE="PC" onClick="largepcdefault()">
<P>
<P>
<HR>
<P>
Close this Window: 
<INPUT TYPE=BUTTON VALUE="Close"
onClick="window.close()">
</FORM>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->



Hiệu ứng cùng chức năng
-
-
-
Bạn có thể xem thêm nhiều JavaScript khác về




- -
 
Back
Top