按钮特效类


　　按钮定制打开窗口

脚本说明: 把如下代码加入<BODY>区域中
<input type="button" value="Hotwater 学习在线"
onClick="window.open('http://hotwateronline.8u8.com', 'Sample', 'toolbar=no,location=no,directories=no,status=no,menubar=no, scrollbars=no,resizable=yes,copyhistory=yes,width=490,
height=320,left=0,top=0')"
name="Input">

　　按钮打开全屏窗口

脚本说明: 把如下代码加入<BODY>区域中
<SCRIPT>
<!--
function winopen()
{ var targeturl="http://hotwateronline.8u8.com"
newwin=window.open("","","scrollbars")
if (document.all)
{
newwin.moveTo(0,0)
newwin.resizeTo(screen.width,screen.height)
}
newwin.location=targeturl
}
//-->
</SCRIPT>
<input type="button" onClick="winopen()" value="Hotwater 学习在线" name="button">

　　自由打开各种窗口

脚本说明: 把如下代码加入<BODY>区域中
<SCRIPT language="JAVASCRIPT">
<!-- hide
function customize(form) {
var address = document.form1.url.value;
var op_tool = (document.form1.tool.checked== true) ? 1 : 0;
var op_loc_box = (document.form1.loc_box.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_scroll = (document.form1.scroll.checked == true) ? 1 : 0;
var op_resize = (document.form1.resize.checked == true) ? 1 : 0;
var op_wid = document.form1.wid.value;
var op_heigh = document.form1.heigh.value;
var option = "toolbar=" + op_tool + ",location=" + op_loc_box + ",directories=" + op_dir + ",status=" + op_stat + ",menubar=" + op_menu + ",scrollbars=" + op_scroll + ",resizeable=" + op_resize + ",width=" + op_wid + ",height=" + op_heigh;
var win3 = window.open("", "what_I_want", option);
var win4 = window.open(address, "what_I_want");
}
function clear(form)
{
document.form1.wid.value="";
document.form1.heigh.value="";
}
// done hiding -->
</SCRIPT>
<form name="form1" action="javascript:" method="POST">
<div align="left">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td colspan="4" height="35"> URL：
<input type="text" size="40" name="url" value="http://">
</td>
</tr>
<tr align="center">
<td width="25%" height="25">
<input type="checkbox" name="tool" value="ON"> : 快捷键
</td>
<td width="25%" height="25">
<input type="checkbox" name="loc_box" value="ON"> : 地址栏
</td>
<td width="25%" height="25">
<input type="checkbox" name="dir" value="ON"> : 链 接
</td>
<td width="25%" height="25">
<input type="checkbox" name="stat" value="ON"> : 状态栏
</td>
</tr>
<tr align="center">
<td width="25%" height="25">
<input type="checkbox" name="resize" value="ON"> : 调大小
</td>
<td width="25%" height="25">
<input type="checkbox" name="scroll" value="ON"> : 滚动条
</td>
<td width="25%" height="25">
<input type="checkbox" name="menu" value="ON"> : 菜 单
</td>
<td width="25%" height="25">
</td>
</tr>
<tr align="center">
<td colspan="2" height="35">
input type="text" name="wid" size="14"> : 宽
</td>
<td colspan="2" height="25">
<input type="text" name="heigh" size="14"> : 高
</td>
</tr>
<tr align="center">
<td colspan="4" height="25">
<input type="button" size="10" value="确认" onClick="customize(this.form)" name="button">
<input type="reset" size="10" value="重填" onClick="clear(this.form)" name="reset">
</td>
</tr>
</table>
</div>
</form>

　　按钮特殊效果

脚本说明:

第一步:把如下代码加入<HEAD>区域中
<style type="text/css">
<!--
.over {color:yellow; background: navy}
.down {color:yellow; background: navy; font-style: italic}
-->
</script>

第二步: 把如下代码加入<BODY>区域中
<
input type="Button"
onMouseOver="this.className='over';"
onMouseOut="this.className='';"
onMouseDown="this.className='down';"
onMouseUp="this.className='over';"
value="按钮也疯狂"
onClick="this.value='我真的好喜欢你！'"
name="Button"
>