location.href把按钮当链接用代码,JS代码库,德仔网

代码语言

代码分类

【JS】 location.href把按钮当链接用

作者:dezai / 发布于2014/4/8/ 379

把网页按钮当成链接来用的一个JS特效，按钮重定向吧，并不是大家所说的提交功能

<HTML><HEAD><TITLE>用按钮作为链接</TITLE>
<STYLE type=text/css>
BODY {
 MARGIN-TOP: 0px; FONT-SIZE: 9pt; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; FONT-FAMILY: "宋体"
}
A {
 FONT-WEIGHT: 400; FONT-SIZE: 9pt; COLOR: black; TEXT-DECORATION: none
}
A:hover {
 FONT-WEIGHT: 400; FONT-SIZE: 9pt; COLOR: red; TEXT-DECORATION: underline
}
A:active {
 FONT: 9pt "宋体"; CURSOR: hand; COLOR: #ff0033
}
.STYLE1 {
 font-size: 40px;
 color: #000099;
}
.STYLE2 {
 color: #99CC00;
 font-weight: bold;
 font-size: 30px;
}
</STYLE>

<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2900.2912" name=GENERATOR></HEAD>
<BODY bgColor=#fef4d9>

<CENTER>
 <span class="STYLE1"><FONT face=隶书>用按钮作为链接</FONT></span>
</CENTER><BR>
<CENTER>
<TABLE borderColor=#99CC99 border=5 borderlight="green">
 <TBODY>
 <TR>
  <TD align=middle><span class="STYLE2"><FONT face="Arial, Helvetica, sans-serif">效果显示</FONT></span></TD>
 </TR>
 <TR>
  <TD align=middle><INPUT onClick="location.href='http://www.baidu.com'" type=submit value=百度一下>
 </TD></TR></TBODY></TABLE></CENTER>

</BODY>
</HTML>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　location.href　

同语言下

可能有用的

dezai贡献的其它代码(1065)