按钮的js样式设置.doc

1 定制打开窗口 HTML HEAD TITLE按钮特效篇--定制打开窗口/TITLE /HEAD BODY bgcolor=#fef4d2 background=../images/background8.jpg brbr center font color=redh2按钮特效篇--定制打开窗口/h2/font hr width=300 brbr !-- 案例代码开始 -- !-- [Step1]: 这里可以设置按钮的名称 -- !-- [Step2]: 在此能够更改按钮对应的网址 -- !-- [Step3]: 这里可以修改打开窗口的各种参数 -- !-- [Step4]: 在此能够设置打开窗口的宽度、高度 -- !-- [Step5]: 这里可以更改打开窗口的位置 -- input type=button name=Input value=263在线 onClick=window.open(/, Sample,toolbar=yes,location=yes,directories=no,status=yes,menubar=yes,scrollbars=yes,resizable=yes,width=490,height=320,left=10,top=10) !-- 案例代码结束 -- /BODY /HTML 2 打开全屏窗口 HTML HEAD TITLE按钮特效篇--打开全屏窗口/TITLE /HEAD BODY bgcolor=#fef4d2 background=../images/background8.jpg brbr center font color=redh2按钮特效篇--打开全屏窗口/h2/font hr width=300 brbr !-- 案例代码1开始 -- script language=JavaScript function OpenAllWindow(){ !-- [Step1]: 这里可以设置按钮对应的网页地址 -- var targeturl=/ !-- [Step2]: 在此能够设置打开窗口的各种参数 -- NewWindow=window.open(,,scrollbars＝yes,toolbar=yes,location=yes,status=yes,menubar=yes) if (document.all){ NewWindow.moveTo(0,0); NewWindow.resizeTo(screen.width,screen.height)} NewWindow.location=targeturl } /script !-- 案例代码1结束 -- !-- 案例代码2开始 -- !-- [Step3]: 这里可以更改按钮的名称 -- input type=button name=button onClick=OpenAllWindow() value=263在线 !-- 案例代码2结束 -- /BODY /HTML 3 随意打开窗口 HTML HEAD TITLE按钮特效篇--随意打开窗口/TITLE /HEAD BODY bgcolor=#fef4d2 background=../images/background8.jpg brbr center font color=redh2按钮特效篇--随意打开窗口/h2/font hr width=300 br !-- 案例代码1开始 -- script language=JavaScript function CustomizeWindow(form) { var address = document.form1.url.value; var op_wid = document.form1.wid.value; var op_heigh = document.form1.heigh.value; var op_resize = (document.form1.resize.checked == true) ? 1 : 0; var op_dir = (document.form1.dir.checked == true) ? 1 : 0; var op_stat = (document.form1.stat.checked == true) ? 1 : 0; var op_menu = (document.form1.menu.checked == true) ? 1 : 0; var op_tool = (document.form1.tool.checked== true) ? 1 : 0;