您好，欢迎来到源码搜藏！分享精神，快乐你我！提示：担心找不到本站？在百度搜索“源码搜藏”，网址永远不丢失！

[加入VIP] 设为首页 | 收藏本站 | 网站地图 | Sitemap | TAG标签

当前位置：首页 > 网页特效 > 表单按钮 >

特殊按钮，把按钮修饰的不像按钮的特效

时间：2013-03-31 23:07 来源：互联网作者：源码搜藏浏览：次收藏挑错推荐打印

<HTML>
<HEAD>
<TITLE>特殊显示按钮</TITLE>
<STYLE type=text/css>
.STYLE1 {
	font-size: 40px;
	font-family: "华文行楷";
	color: #9900FF;
}
.STYLE2 {
	font-size: 30px;
	font-weight: bold;
	font-family: "华文彩云";
	color: #9900CC;
}
</STYLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>
<BODY bgColor=#fef4d9><BR><BR>
<CENTER>
  <span class="STYLE1">特殊显示按钮</span>
</CENTER><BR>
<CENTER>
<TABLE borderColor=#000000 border=5 borderlight="green">
  <TBODY>
  <TR>
    <TD align=middle><span class="STYLE2">效果显示</span></TD>
  </TR>
  <TR>
    <TD align=left>
      <STYLE type=text/css>.button {
	BORDER-RIGHT: #fcaf63 1px solid; BORDER-LEFT: #fcaf63 1px solid; COLOR: #330000
}
.button1 {
	BORDER-RIGHT: #660000 1px solid; BORDER-LEFT: #660000 1px solid; COLOR: #ff8338
}
.buttonover {
	BORDER-RIGHT: #000000 1px solid; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; BACKGROUND-COLOR: #fec281; 1px: #330000
}
.buttonover1 {
	BORDER-RIGHT: #000000 1px solid; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR: #ff8338; BACKGROUND-COLOR: #881d00
}
.buttondown {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #330000
}
</STYLE>

<TABLE cellSpacing=0 cellPadding=0 align=center bgColor=#660000 
        border=0><TBODY>
        <TR align=middle>
          <TD class=button1 onMouseDown="this.className='buttondown';" 
          onmouseover="this.className='buttonover1';" 
          onclick="location.href='/'" 
          onmouseout="this.className='button1';" align=middle width=35>烟台</TD>
          <TD class=button1 onMouseDown="this.className='buttondown';" 
          onmouseover="this.className='buttonover1';" 
          onclick="location.href='/'" 
          onmouseout="this.className='button1';" align=middle width=35>烟台</TD>
          <TD class=button1 onMouseDown="this.className='buttondown';" 
          onmouseover="this.className='buttonover1';" 
          onclick="location.href='/'" 
          onmouseout="this.className='button1';" align=middle 
        width=35>烟台</TD></TR></TBODY></TABLE>
      <TABLE cellSpacing=0 cellPadding=0 align=center bgColor=#fcaf63 
        border=0><TBODY>
        <TR>
          <TD class=button onMouseDown="this.className='buttondown';" 
          onmouseover="this.className='buttonover';" 
          onclick="location.href='/'" 
          onmouseout="this.className='button';" align=middle>烟台</TD>
          <TD class=button onMouseDown="this.className='buttondown';" 
          onmouseover="this.className='buttonover';" 
          onclick="location.href='/'" 
          onmouseout="this.className='button';" align=middle>烟台</TD>
  <TD class=button onMouseDown="this.className='buttondown';" 
          onmouseover="this.className='buttonover';" 
          onclick="location.href='/'" 
          onmouseout="this.className='button';" 
      align=middle>烟台</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER>
</BODY>
</HTML>

运行代码保存代码复制代码提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。

一个看上去像是文字链接的按钮，特殊一点的按钮吧，把网页按钮修饰成不像按钮的按钮，还可以再此基础上进一步优化设置，按钮可以作成的特殊效果还有很多哦，修改一下，看看效果，比较一下每个属性的作用。特殊按钮，把按钮修饰的不像按钮的特效由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/biaodan/984.html

标签：网站源码

上一篇：location.href把按钮当链接用的JS代码

下一篇：旋转打开的网页窗口，自动最大化

[表单按钮] css和jquery实现的select美化自

[表单按钮] CSS3实现的很漂亮的搜索框

[表单按钮] HTML5仿android手机下滑菜单效果

[表单按钮] 表单美化之textarea文本域背景的

[表单按钮] 可用于权限管理的JS树形菜单级联

[表单按钮] HTML5动态添加表格行列并编辑表

[表单按钮] html5实现开关风格的Checkbox /

[表单按钮] 表单美化之注册与登录界面的美化

[表单按钮] 网页放大缩小按钮效果

[表单按钮] 鼠标经过input时的颜色发生变化

[表单按钮] 效果超酷的textarea的输入字数限

[表单按钮] HTML5+CSS3超酷表单

相关内容推荐

mysql 升级同步

手机幻灯片

SEO培训课程

黑帽SEO技巧

网购图标矢量素材

邯郸网站制作

关键词排名

信息化讲堂

C#随机函数使用方法

数据库软件

99个实用PNG图标

完美破解版

搜索引擎自然排名

关于我们 | 版权声明 | 广告服务 | 联系我们 | 常见问题 | 网站地图 | 网友投稿 | 在线留言

分享精神，快乐你我！联系QQ:498277184

本站资源是从网络整理所得,如果无意侵犯了贵司版权，请与源码搜藏网联系，我们会及时处理和回复，谢谢!

鲁ICP备13013982号-1