变化的按钮特效代码
演示效果:
返回首页
返回目录
代码提示:将下面的代码复制到〈BODY〉区.可以将代码直接复制到需要的位置以确定按钮的显示位置。
方法是:在视图编缉状态下将鼠标移到所需位置 点击,然后切换到HTML编缉状态,将代码粘贴到光标所在位置。
<style type="text/css"> <!-- //修改下面的属性 .text { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12pt; color: #ff0000 } a:hover { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12pt; color: #000000 ;text-decoration : none } .normal {background-color:#ccccc; } .over {background-color:#cccccc; border-top: 1px #ffffff solid; border-left: 1px #ffffff solid; border-right: 1px #999999 solid; border-bottom: 1px #999999 solid } .down {background-color:#cccccc; border-top: 1px #999999 solid; border-left: 1px #ffffff solid; border-right: 1px #ffffff solid; border-bottom: 1px #ffffff solid } .link {text-decoration: none; color:#000000; font-family: 宋体} --> </style> <!修改下面的链接,可通过复制TD中的内容产生多个按钮> <table width="140" border="0" cellpadding="0" cellspacing="0" height="25"> <tr> <td class=normal onmouseover='this.className="over"' onmousedown='this.className="down"' onmouseup='this.className="over"' onmouseout='this.className="normal"' ><div align="center" > <a style="cursor: default" href="http://www.jzzy.com" target="_blank">返回首页</a> </div></td> <td class=normal onmouseover='this.className="over"' onmousedown='this.className="down"' onmouseup='this.className="over"' onmouseout='this.className="normal"' width="50%" > <div align="center" > <a style="cursor: default" href="http://www.jzzy.com" target="_blank">返回目录</a> </div> </td> </tr> </table>
返回目录